missfactorial.github.io/news.html at main · missfactorial/missfactorial.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Miss Factorial Academy | AI binge-worthy courses </title>
  <meta content="Welcome to Miss Factorial Academy, where AI meets the thrill of a hit series! We blend industry expertise with an engaging, binge-worthy learning experience, empowering individuals from all backgrounds to master data fluency." name="description">
  <meta content="data science courses, online AI education, self-paced learning, private corporate training, AI bootcamps, tech skills development, programming courses, Python training, artificial intelligence, machine learning, data analysis, data literacy, data storytelling, social good initiatives, Miss Factorial, Miss Factorial Academy, Viviana Marquez, upskilling, reskilling, cursos en español, cursos de inteligencia artificial" name="keywords">
  <meta content="Miss Factorial" name="author">

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

  <!-- Blog Pagination CSS File -->
  <link href="assets/css/blog-pagination.css" rel="stylesheet">

</head>

<body>


    <!-- Placeholder for Header -->
  <div id="header-placeholder"></div>

  <!-- ======= Breadcrumbs Section ======= -->
  <section class="breadcrumbs">
    <div class="container">

      <div class="d-flex justify-content-between align-items-center">
        <h2>News — Our latest adventures in AI!</h2>
      </div>

    </div>
  </section><!-- End Breadcrumbs Section -->


<!-- ======= MAIN ======= -->
   <main id="main">


    <!-- ======= Blog Posts Section ======= -->
    <!-- Blog Container - Will be populated by JavaScript -->
    <div id="blog-container"></div>

    <!-- Pagination -->
    <section class="section-bg-alt">
      <div class="container">
        <div id="pagination" class="pagination"></div>
      </div>
    </section>
    <!-- End Blog Posts Section -->


<!-- ======= Contact Us Section ======= -->
<section id="contact" class="contact section-bg">
  <div class="container" data-aos="fade-up">
<div class="section-title">
      <h2>Book Viviana for your next AI event!</h2>
      <p>Equipping teams to make data-driven decisions by first understanding your business challenges and goals, then delivering customized, hands-on training that you can apply right away.</p>
    </div>


    <div class="row">

    <div class="col-lg-6 d-flex" data-aos="fade-up" data-aos-delay="200">
        <div class="info-box ">
          <i class='bx bx-bot'></i>
          <h3>Training for everyone</h3>
          <p>• Teaching non-technical teams to use data</p>
          <p>• Upskilling data scientists in LLMs and RAG</p>
        </div>
      </div>

        <div class="col-lg-3 d-flex" data-aos="fade-up" data-aos-delay="100">
        <div class="info-box">
          <i class="bx bx-envelope"></i>
          <h3>Get a Quote</h3>
          <p><a href="mailto:viviana@missfactorial.com" style="color: inherit; text-decoration: none;">viviana@missfactorial.com</a></p>
        </div>
      </div>

      <div class="col-lg-3 d-flex" data-aos="fade-up">
        <div class="info-box">
          <i class="bx bx-map"></i>
          <h3>Available Worldwide</h3>
          <p>Virtual & In-Person</p>
        </div>
      </div>
    </section><!-- End Contact Us Section -->

  </main>
<!-- End #main -->

<!-- Placeholder for Footer -->
  <div id="footer-placeholder"></div>


  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

<!-- Load external header and footer via JavaScript -->
<script>
  document.addEventListener("DOMContentLoaded", function() {
    // Load header
    fetch('header.html')
      .then(response => response.text())
      .then(data => {
        document.getElementById('header-placeholder').innerHTML = data;

        // Reinitialize mobile nav toggle after the header is loaded
        const mobileNavToggle = document.querySelector('.mobile-nav-toggle');
        const navbar = document.querySelector('#navbar');

        if (mobileNavToggle && navbar) {
          mobileNavToggle.addEventListener('click', function() {
            navbar.classList.toggle('navbar-mobile');
            this.classList.toggle('bi-list');
            this.classList.toggle('bi-x');
          });
        }
      });

    // Load footer
    fetch('footer.html')
      .then(response => response.text())
      .then(data => {
        document.getElementById('footer-placeholder').innerHTML = data;
      });
  });
</script>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

  <!-- Blog Loader JS File -->
  <script src="assets/js/blog-loader.js"></script>

</body>

</html>