diff --git a/cursos-de-computo/index.html b/cursos-de-computo/index.html
index cc83ab6..65bd75d 100644
--- a/cursos-de-computo/index.html
+++ b/cursos-de-computo/index.html
@@ -635,7 +635,7 @@
     <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>
+    <script src="../assets/Ext/aos/aos.js"></script> 
 
     <!-- Main JS -->
     <script src="../assets/js/main.js"></script>
diff --git a/pruebas/index.html b/pruebas/index.html
new file mode 100644
index 0000000..b260dd4
--- /dev/null
+++ b/pruebas/index.html
@@ -0,0 +1,485 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<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">
+
+  <!-- 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">
+
+  <!-- Main CSS -->
+  <link href="assets/css/main.css" rel="stylesheet">
+
+
+</head>
+
+<body>
+
+  <!-- ======= Header ======= -->
+  <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>
+        </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><!-- Termina Header -->
+
+  <!-- ======= Hero ======= -->
+  <section id="hero" 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>
+      </div>
+
+
+
+    </div>
+  </section><!-- Termina Hero -->
+
+  <main id="main">
+
+    <!-- ======= Notices Section ======= -->
+    <section id="notices" class="notices">
+      <div class="container" data-aos="fade-up">
+
+        <div class="row">
+          <div class="col-lg-6 order-2 order-lg-2 mt-2 mt-lg-0" data-aos="fade-left" data-aos-delay="100">
+			 
+			 <div class="section-title">
+			   <h2>Eventos Acatlán</h2>
+			 </div>
+            <div class="row">
+			  	<div class="col-6 align-items-stretch mt-4 mt-lg-0 bot-area" data-aos="zoom-in" data-aos-delay="300">
+					<img src="assets/img/menu-areas/galery-idiomas.jpg" class="img-fluid">
+          		</div>
+				
+				<div class="col-6 align-items-stretch mt-4 mt-lg-0 bot-area" data-aos="zoom-in" data-aos-delay="300">
+					<img src="assets/img/menu-areas/galery-eventos.jpg" class="img-fluid">
+          		</div>
+				
+				<div class="col-6 align-items-stretch mt-4 mt-lg-0 bot-area" data-aos="zoom-in" data-aos-delay="300">
+					<img src="assets/img/menu-areas/galery-cultura.jpg" class="img-fluid">
+          		</div>
+				
+				<div class="col-6 align-items-stretch mt-4 mt-lg-0 bot-area" data-aos="zoom-in" data-aos-delay="300">
+					<img src="assets/img/menu-areas/galery-deportes.jpg" class="img-fluid">
+          		</div>
+			</div>
+          </div>
+          <div class="col-lg-6 pt-4 pt-lg-0 order-1 order-lg-1 content" data-aos="fade-right" data-aos-delay="100">
+			 <div class="section-title">
+			   <h2>Avisos Acatlán</h2>
+			 </div>
+
+			<div class="pub-avisos">
+			  <p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
+			  <span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i></span>
+			  <br>
+			  <p style="text-align: right;">
+				<a class="cta-btn" href="#">Ver más</a>
+			  </p>
+			</div>
+			<div class="pub-avisos">
+			  <p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
+			  <span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
+			  <br>
+			  <p style="text-align: right;">
+				<a class="cta-btn" href="#">Ver más</a>
+			  </p>
+			</div>
+			<div class="pub-avisos">
+			  <p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
+			  <span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
+			  <br>
+			  <p style="text-align: right;">
+				<a class="cta-btn" href="#">Ver más</a>
+			  </p>
+			</div>
+			<div class="pub-avisos">
+			  <p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
+			  <span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
+			  <br>
+			  <p style="text-align: right;">
+				<a class="cta-btn" href="#">Ver más</a>
+			  </p>
+			</div>
+
+          </div>
+        </div>
+
+      </div>
+    </section><!-- Termina Notices section -->
+	  
+	  
+    <!-- ======= Services Section ======= -->
+    <section id="services" class="services">
+      <div class="container" data-aos="fade-up">
+
+        <div class="section-title">
+		  <h2>Tramites y Servicios</h2>
+        </div>
+
+        <div class="row">
+			
+          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
+            <div class="icon-box" style="background-image: url(assets/img/servicios/Talleres-2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;">
+				<div class="accordion" id="accordion-alumno">
+				  <div class="card">
+					<div class="card-header" id="headingOne">
+					  <h2 class="mb-0">
+                        <button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#serv-alum" aria-expanded="true" aria-controls="collapseExample">
+                            Alumnos <i class='bx bx-chevron-down'></i>
+                        </button>
+					  </h2>
+					</div>
+
+					<div id="serv-alum" class="collapse" aria-labelledby="serv-alum" data-parent="#serv-alum">
+					  <div class="card-body">
+						<ul>
+							<li><i class='bx bx-chevrons-right'></i>Servicios Escolares</li>  
+							<li><i class='bx bx-chevrons-right'></i>Servicio Social</li>  
+							<li><i class='bx bx-chevrons-right'></i>Bolsa de Trabajo</li>  
+							<li><i class='bx bx-chevrons-right'></i>Movilidad Estudiantil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Titulación Licensiatura</li>  
+							<li><i class='bx bx-chevrons-right'></i>Titulación Posgrado</li>  
+							<li><i class='bx bx-chevrons-right'></i>SIAE</li>  
+							<li><i class='bx bx-chevrons-right'></i>Sitio Educativo Acatlán</li>  
+							<li><i class='bx bx-chevrons-right'></i>SUAyED</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Desarrollo Tecnologico</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Información y Documentación</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Enseñanza de Idiomas Babel</li>  
+							<li><i class='bx bx-chevrons-right'></i>Inscripcion de Laboratorios Ing. Civil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Departamento de Atención a la Comunidad Estudiantil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Cartilla de Seguridad</li>  
+							<li><i class='bx bx-chevrons-right'></i>Academic Writing</li>  
+						</ul>
+					  </div>
+					</div>
+				  </div>
+
+				</div>
+            </div>
+          </div>
+
+          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
+            <div class="icon-box" style="background-image: url(assets/img/servicios/evaluacion.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll;">
+              
+				<div class="accordion" id="accordion-Academico">
+				  <div class="card">
+					<div class="card-header" id="headingOne">
+					  <h2 class="mb-0">
+                        <button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#serv-Academico" aria-expanded="true" aria-controls="serv-Academico">
+                          Académicos <i class='bx bx-chevron-down'></i>
+                        </button>
+					  </h2>
+					</div>
+
+					<div id="serv-Academico" class="collapse" aria-labelledby="serv-Academico" data-parent="#serv-Academico">
+					  <div class="card-body">
+						<ul>
+							<li><i class='bx bx-chevrons-right'></i>Servicios Escolares</li>  
+							<li><i class='bx bx-chevrons-right'></i>Servicio Social</li>  
+							<li><i class='bx bx-chevrons-right'></i>Bolsa de Trabajo</li>  
+							<li><i class='bx bx-chevrons-right'></i>Movilidad Estudiantil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Titulación Licensiatura</li>  
+							<li><i class='bx bx-chevrons-right'></i>Titulación Posgrado</li>  
+							<li><i class='bx bx-chevrons-right'></i>SIAE</li>  
+							<li><i class='bx bx-chevrons-right'></i>Sitio Educativo Acatlán</li>  
+							<li><i class='bx bx-chevrons-right'></i>SUAyED</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Desarrollo Tecnologico</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Información y Documentación</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Enseñanza de Idiomas Babel</li>  
+							<li><i class='bx bx-chevrons-right'></i>Inscripcion de Laboratorios Ing. Civil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Departamento de Atención a la Comunidad Estudiantil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Cartilla de Seguridad</li>  
+							<li><i class='bx bx-chevrons-right'></i>Academic Writing</li>  
+						</ul>
+					  </div>
+					</div>
+				  </div>
+
+				</div>
+				
+            </div>
+          </div>
+
+          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
+            <div class="icon-box" style="background-image: url(assets/img/servicios/ejmplo1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll;">
+              
+				<div class="accordion" id="accordion-Admin">
+				  <div class="card">
+					<div class="card-header" id="headingOne">
+					  <h2 class="mb-0">
+                        <button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#serv-Admin" aria-expanded="true" aria-controls="serv-Admin">
+                          Administrativos <i class='bx bx-chevron-down'></i>
+                        </button>
+					  </h2>
+					</div>
+
+					<div id="serv-Admin" class="collapse" aria-labelledby="serv-Admin" data-parent="#serv-Admin">
+					  <div class="card-body">
+						<ul>
+							<li><i class='bx bx-chevrons-right'></i>Servicios Escolares</li>  
+							<li><i class='bx bx-chevrons-right'></i>Servicio Social</li>  
+							<li><i class='bx bx-chevrons-right'></i>Bolsa de Trabajo</li>  
+							<li><i class='bx bx-chevrons-right'></i>Movilidad Estudiantil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Titulación Licensiatura</li>  
+							<li><i class='bx bx-chevrons-right'></i>Titulación Posgrado</li>  
+							<li><i class='bx bx-chevrons-right'></i>SIAE</li>  
+							<li><i class='bx bx-chevrons-right'></i>Sitio Educativo Acatlán</li>  
+							<li><i class='bx bx-chevrons-right'></i>SUAyED</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Desarrollo Tecnologico</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Información y Documentación</li>  
+							<li><i class='bx bx-chevrons-right'></i>Centro de Enseñanza de Idiomas Babel</li>  
+							<li><i class='bx bx-chevrons-right'></i>Inscripcion de Laboratorios Ing. Civil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Departamento de Atención a la Comunidad Estudiantil</li>  
+							<li><i class='bx bx-chevrons-right'></i>Cartilla de Seguridad</li>  
+							<li><i class='bx bx-chevrons-right'></i>Academic Writing</li>  
+						</ul>
+					  </div>
+					</div>
+				  </div>
+
+				</div>
+				
+            </div>
+          </div>
+
+
+        </div>
+
+      </div>
+    </section><!-- Termina Services Section -->
+
+	  
+<!-- ======= Difusion Section ======= -->
+    <section id="notices" class="notices">
+      <div class="container" data-aos="fade-up">
+
+        <div class="row">
+          <div class="col-lg-6 order-2 order-lg-2" data-aos="fade-left" data-aos-delay="100">
+			 
+			 <div class="section-title">
+			   <h2>Difusión Acatlán</h2>
+			 </div>
+            <div class="container" data-aos="zoom-in">
+				<div class="pub-avisos" style="border-top: none;">
+				  <p style="text-align: center;">
+					<a class="cta-btn" href="#">Ver Publicaciones</a>
+				  </p>
+				</div>
+				<div class="owl-carousel difusion-carousel">
+				  <div><img src="assets/img/difusion/notifes-1.png" alt=""> <br> <p>NotiFES 01-02-2022</p></div>
+				  <div><img src="assets/img/difusion/gaceta-1.jpg" alt=""> <br> <p>Gaceta - Enero</p></div>
+				  <div><img src="assets/img/difusion/figuras-1.jpg" alt=""> <br> <p>Figuras Vol. 3</p></div>
+				</div>
+
+			 </div>
+          </div>
+          <div class="col-lg-6 pt-4 pt-lg-0 order-1 order-lg-1 content" data-aos="fade-right" data-aos-delay="100">
+			 <div class="section-title">
+			   <h2>Sala de Prensa</h2>
+			 </div>
+
+			<div class="pub-avisos">
+			  <p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
+			  <span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i></span>
+			  <br>
+			  <p style="text-align: right;">
+				<a class="cta-btn" href="#">Ver más</a>
+			  </p>
+			</div>
+			<div class="pub-avisos">
+			  <p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
+			  <span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
+			  <br>
+			  <p style="text-align: right;">
+				<a class="cta-btn" href="#">Ver más</a>
+			  </p>
+			</div>
+			<div class="pub-avisos">
+			  <p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
+			  <span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
+			  <br>
+			  <p style="text-align: right;">
+				<a class="cta-btn" href="#">Ver más</a>
+			  </p>
+			</div>
+			<div class="pub-avisos">
+			  <p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
+			  <span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
+			  <br>
+			  <p style="text-align: right;">
+				<a class="cta-btn" href="#">Ver más</a>
+			  </p>
+			</div>
+
+          </div>
+        </div>
+
+      </div>
+    </section><!-- Termina Difusion Section -->
+	  
+	  
+
+    <!-- ======= Pages Section ======= -->
+    <section id="pgint" class="pgint">
+	  
+      <div class="container" data-aos="zoom-in">
+		<div class="section-title">
+			<h2>Páginas de Interes</h2>
+		</div>
+		  
+        <div class="owl-carousel pagint-carousel">
+          <img src="assets/img/escudos/logo_pagina.png" alt="">
+          <img src="assets/img/escudos/logo_pagina.png" alt="">
+		  <img src="assets/img/escudos/logo_pagina.png" alt="">
+		  <img src="assets/img/escudos/logo_pagina.png" alt="">
+        </div>
+
+      </div>
+    </section><!-- Termina pages Section -->
+
+  </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">
+                <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>
+              </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>
+
+            </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>
+
+            </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>
+          </div>
+
+          
+
+        </div>
+      </div>
+    </div>
+
+  </footer><!-- Termina Footer -->
+
+  <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>
+
+  <!-- Main JS -->
+  <script src="assets/js/main.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
