2024-08-12 22:43:30 -06:00
<!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" >
2024-08-19 20:54:44 -06:00
< a href = "idiomas/index.html" >
< img src = "https://www.acatlan.unam.mx/images/1953.png" class = "d-block w-100" alt = "..." >
</ a >
2024-08-12 22:43:30 -06:00
</ 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 >
