CIDWA/fes_acatlan
14
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Files
b0557fc3cbdd31bbc00a2c62b9cd151bc2f0034e
fes_acatlan/index.html
T
web_master 1817b60fc4 main files
2024-08-12 22:43:30 -06:00

485 lines
20 KiB
HTML
Raw Blame History

<!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>
Reference in New Issue View Git Blame Copy Permalink