diff --git a/licenciaturas/assets/css/licenciaturas.css b/licenciaturas/assets/css/licenciaturas.css
new file mode 100644
index 0000000..67b9606
--- /dev/null
+++ b/licenciaturas/assets/css/licenciaturas.css
@@ -0,0 +1,50 @@
+/* ==========
+main
+========== */
+#main {
+    width: 100%;
+    height: 90vh;
+    background: url("../../../assets/img/bg/solid.png") top center;
+    background-size: cover;
+    position: relative;
+    color: #000;
+  }
+  #main:before {
+    content: "";
+    background: rgba(255, 255, 255, 0.3);
+    position: absolute;
+    bottom: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+  #main .container {
+    display: flex;
+    justify-content: space-evenly;
+    position: relative;
+    padding-top: 10%;
+    text-align: center;
+    gap: 40px;
+  }
+  #main ul {
+    padding-left: 0;
+    list-style: none;
+  }
+  #main h5{
+    color:  #bb8800;
+    font-size: 20px;
+  }
+  @media (min-width: 1024px) {
+    #main {
+      background-attachment: fixed;
+    }
+  }
+  @media (max-width: 768px) {
+    #main {
+      height: 80vh;
+    }
+    #main h1 {
+      font-size: 18px;
+      line-height: 36px;
+    }
+  }
\ No newline at end of file
diff --git a/licenciaturas/assets/licenciaturas.js b/licenciaturas/assets/licenciaturas.js
new file mode 100644
index 0000000..e69de29
diff --git a/licenciaturas/index.html b/licenciaturas/index.html
index 999121b..8ad9d56 100644
--- a/licenciaturas/index.html
+++ b/licenciaturas/index.html
@@ -1,189 +1,237 @@
 <!DOCTYPE html>
 <html lang="es">
+  <head>
+    <meta charset="utf-8" />
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 
-<head>
-  <meta charset="utf-8">
-  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <title>FES Acatlán</title>
+    <meta content="" name="descriptison" />
+    <meta content="" name="keywords" />
 
-  <title>FES Acatlán</title>
-  <meta content="" name="descriptison">
-  <meta content="" name="keywords">
+    <!-- Favicons -->
+    <link href="../assets/img/icon/icon.png" rel="icon" />
+    <link href="../assets/img/icon/icon.png" rel="apple-touch-icon" />
 
-  <!-- Favicons -->
-  <link href="../assets/img/icon/icon.png" rel="icon">
-  <link href="../assets/img/icon/icon.png" rel="apple-touch-icon">
+    <!-- Ext CSS -->
+    <link
+      href="../assets/Ext/bootstrap/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
+    <link href="../assets/Ext/icofont/icofont.min.css" rel="stylesheet" />
+    <link href="../assets/Ext/boxicons/css/boxicons.min.css" rel="stylesheet" />
+    <link
+      href="../assets/Ext/owl.carousel/assets/owl.carousel.min.css"
+      rel="stylesheet"
+    />
+    <link href="../assets/Ext/aos/aos.css" rel="stylesheet" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
+    />
 
+    <!-- Main CSS -->
+    <link href="../assets/css/main.css" rel="stylesheet" />
+    <link href="./assets/css/licenciaturas.css" rel="stylesheet" />
+  </head>
 
-  <!-- Ext CSS -->
-  <link href="../assets/Ext/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-  <link href="../assets/Ext/icofont/icofont.min.css" rel="stylesheet">
-  <link href="../assets/Ext/boxicons/css/boxicons.min.css" rel="stylesheet">
-  <link href="../assets/Ext/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
-  <link href="../assets/Ext/aos/aos.css" rel="stylesheet">
-  <link
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
-  />
-
-  <!-- Main CSS -->
-  <link href="../assets/css/main.css" rel="stylesheet">
-
-
-</head>
-
-<body>
-
-  <!-- ======= Header ======= -->
-  <!--<header id="header" class="fixed-top ">-->
-  <header id="header">
-    <div class="container d-flex align-items-center justify-content-between">
+  <body>
+    <!-- ======= Header ======= -->
+    <!--<header id="header" class="fixed-top ">-->
+    <header id="header">
+      <div class="container d-flex align-items-center justify-content-between">
         <div class="">
-          <a href="https://www.unam.mx/" target="_blank"><img src="../assets/img/escudos/logo_unam-b.png" alt="" class="img-fluid logo"></a>
-          <a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"><img src="../assets/img/escudos/escudo-b2.png" alt="" class="img-fluid logo-unam"></a>
+          <a href="https://www.unam.mx/" target="_blank"
+            ><img
+              src="../assets/img/escudos/logo_unam-b.png"
+              alt=""
+              class="img-fluid logo"
+          /></a>
+          <a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"
+            ><img
+              src="../assets/img/escudos/escudo-b2.png"
+              alt=""
+              class="img-fluid logo-unam"
+          /></a>
         </div>
-		
+
         <h1>FES <span>Acatlán</span></h1>
-		
-		
-      <nav class="nav-menu d-none d-lg-block">
-        <ul>
-          <li><a href="#">Normatividad</a></li>
-          <li><a href="#">Tienda Acatlán</a></li>
-        </ul>
-      </nav><!-- .nav-menu -->
 
-    </div>
-	<div class="container ">
-		<nav class="nav-menu-2 d-none d-lg-block">
-        <ul>
-          <li><a href="#">Inicio</a></li>
-          <li><a href="#">Licenciaturas</a></li>
-		  <li><a href="#">Posgrados</a></li>
-		  <li><a href="#">Investigación</a></li>
-		  <li><a href="#">Cursos y Diplomados</a></li>
-		  <li><a href="#">Otros</a></li>
-        </ul>
-      </nav><!-- .nav-menu -->
-	</div>
-  </header><!-- End Header -->
+        <nav class="nav-menu d-none d-lg-block">
+          <ul>
+            <li><a href="#">Normatividad</a></li>
+            <li><a href="#">Tienda Acatlán</a></li>
+          </ul>
+        </nav>
+        <!-- .nav-menu -->
+      </div>
+      <div class="container">
+        <nav class="nav-menu-2 d-none d-lg-block">
+          <ul>
+            <li><a href="#">Inicio</a></li>
+            <li><a href="#">Licenciaturas</a></li>
+            <li><a href="#">Posgrados</a></li>
+            <li><a href="#">Investigación</a></li>
+            <li><a href="#">Cursos y Diplomados</a></li>
+            <li><a href="#">Otros</a></li>
+          </ul>
+        </nav>
+        <!-- .nav-menu -->
+      </div>
+    </header>
+    <!-- End Header -->
 
-  <!-- ======= Hero Section ======= -->
-  <section id="hero" class="d-flex align-items-center justify-content-center">
-    <div class="container" data-aos="fade-up">
+    <!-- ======= Main Section ======= -->
+    <main id="main" class="d-flex align-items-center justify-content-center">
+      <div class="container" data-aos="fade-up">
 
-      <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
-        <div class="col-12">
-            
-          <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
-              <div class="carousel-inner">
-                <div class="carousel-item active">
-                  <img src="https://www.acatlan.unam.mx/images/1981.jpg" class="d-block w-100" alt="...">
-                </div>
-                <div class="carousel-item">
-                  <img src="https://www.acatlan.unam.mx/images/1953.png" class="d-block w-100" alt="...">
-                </div>
-                <div class="carousel-item">
-                  <img src="https://www.acatlan.unam.mx/images/1939.jpg" class="d-block w-100" alt="...">
-                </div>
-              </div>
-              <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
-                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                <span class="visually-hidden">Previous</span>
-              </button>
-              <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
-                <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                <span class="visually-hidden">Next</span>
-              </button>
-           </div>
+        <div
+        class="row justify-content-center"
+      >
+        <div class="col-12 bg-opacity-50 rounded-3 text-start text-white">
+          <h4 class="mb-3"><strong>Actuaria</strong></h5>
+
+          <i>
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aut
+            obcaecati reiciendis sequi similique at unde voluptas odit atque
+            excepturi et!
+          </i>
+
+          <h4>ipsum dolor sit.</h4>
+          <b>
+            Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat,
+            laborum
+          </b>
         </div>
       </div>
 
+        <div
+          class="row justify-content-center"
+          data-aos="fade-up"
+          data-aos-delay="150"
+        >
+          <div class="col-12 bg-light bg-opacity-50 rounded-3 text-start p-5">
+            <h5 class="mb-3"><strong>Contacto</strong></h5>
+            <ul>
+              <li>Lorem, ipsum dolor.</li>
+              <li>Lorem ipsum dolor sit amet.</li>
+              <li>Lorem ipsum dolor sit amet.</li>
+              <li>Lorem, ipsum.<a href="#">Lorem, ipsum.</a></li>
+            </ul>
 
+            <h6><strong> ipsum dolor sit amet.</strong></h6>
+            <i>
+              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aut
+              obcaecati reiciendis sequi similique at unde voluptas odit atque
+              excepturi et!
+            </i>
 
-    </div>
-  </section><!-- End Hero -->
+            <h6><strong> ipsum dolor sit.</strong></h6>
+            <i>
+              Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat,
+              laborum.
+            </i>
+          </div>
+        </div>
+      </div>
+    </main>
+    <!-- End #main -->
 
-  <main id="main">
-
-
-  </main><!-- End #main -->
-
-  <!-- ======= Footer ======= -->
-  <footer id="footer">
-    <div class="footer-top">
-      <div class="container">
-        <div class="row">
-			
-			
-		  <div class="col-lg-4 col-md-6 footer-newsletter">
-            <h4>Redes Sociales</h4>
-            Siguenos en:
-			<div class="social-links mt-3">
+    <!-- ======= Footer ======= -->
+    <footer id="footer">
+      <div class="footer-top">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-6 footer-newsletter">
+              <h4>Redes Sociales</h4>
+              Siguenos en:
+              <div class="social-links mt-3">
                 <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
                 <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
-                <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
-                <a href="#" class="google-plus"><i class='bx bxl-youtube' ></i></a>
+                <a href="#" class="instagram"
+                  ><i class="bx bxl-instagram"></i
+                ></a>
+                <a href="#" class="google-plus"
+                  ><i class="bx bxl-youtube"></i
+                ></a>
               </div>
-			  
-			  <img src="../assets/img/escudos/unam-nacion-blanco.png" style="width: 150px;; margin: 15px auto;">
-			  
-          </div>
 
-          <div class="col-lg-2 col-md-6 footer-links">
-            <h4>Sitios de Interes</h4>
-            <ul>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-1</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-2</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-3</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-4</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-5</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-6</a></li>
+              <img
+                src="../assets/img/escudos/unam-nacion-blanco.png"
+                style="width: 150px; margin: 15px auto"
+              />
+            </div>
 
-            </ul>
-          </div>
+            <div class="col-lg-2 col-md-6 footer-links">
+              <h4>Sitios de Interes</h4>
+              <ul>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
+                </li>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
+                </li>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
+                </li>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
+                </li>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-5</a>
+                </li>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-6</a>
+                </li>
+              </ul>
+            </div>
 
-          <div class="col-lg-2 col-md-6 footer-links">
-            <h4>Conoce más</h4>
-            <ul>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-1</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-2</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-3</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#">Link-4</a></li>
+            <div class="col-lg-2 col-md-6 footer-links">
+              <h4>Conoce más</h4>
+              <ul>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
+                </li>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
+                </li>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
+                </li>
+                <li>
+                  <i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
+                </li>
+              </ul>
+            </div>
 
-            </ul>
-          </div>
-			
-			
-		  <div class="col-lg-4 col-md-6">
-            <div class="footer-info">
-              <h3>FES <span>Acatlán</span></h3>
-              <p>
-                Hecho en México, todos los derechos reservados 2021.
-				<br><br> Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.
-              </p>
+            <div class="col-lg-4 col-md-6">
+              <div class="footer-info">
+                <h3>FES <span>Acatlán</span></h3>
+                <p>
+                  Hecho en México, todos los derechos reservados 2021.
+                  <br /><br />
+                  Esta página puede ser reproducida con fines no lucrativos,
+                  siempre y cuando no se mutile, se cite la fuente completa y su
+                  dirección electrónica. De otra forma, requiere permiso previo
+                  por escrito de la institución.
+                </p>
+              </div>
             </div>
           </div>
-
-          
-
         </div>
       </div>
-    </div>
+    </footer>
+    <!-- End Footer -->
 
-  </footer><!-- End Footer -->
+    <a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
 
-  <a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
+    <!-- Ext JS -->
+    <script src="../assets/Ext/jquery/jquery.min.js"></script>
+    <script src="../assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
+    <script src="../assets/Ext/jquery.easing/jquery.easing.min.js"></script>
+    <script src="../assets/Ext/owl.carousel/owl.carousel.min.js"></script>
+    <script src="../assets/Ext/aos/aos.js"></script>
 
-  <!-- Ext JS -->
-  <script src="../assets/Ext/jquery/jquery.min.js"></script>
-  <script src="../assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
-  <script src="../assets/Ext/jquery.easing/jquery.easing.min.js"></script>
-  <script src="../assets/Ext/owl.carousel/owl.carousel.min.js"></script>
-  <script src="../assets/Ext/aos/aos.js"></script>
-
-  <!-- Main JS -->
-  <script src="../assets/js/main.js"></script>
-
-</body>
-
-</html>
\ No newline at end of file
+    <!-- Main JS -->
+    <script src="../assets/js/main.js"></script>
+  </body>
+</html>
