duncan
573 lines
22 KiB
HTML
573 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Identidad Acatlan</title>
|
|
|
|
<!-- 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"
|
|
/>
|
|
<link rel="stylesheet" href="assets/Ext/glightbox/css/glightbox.min.css" />
|
|
<!-- link para en enlace del funcionamiento de glightbox -->
|
|
<link
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<!-- link para en enlace del funcionamiento de los tabs -->
|
|
|
|
<!-- Main CSS -->
|
|
<link rel="stylesheet" href="./assets/css/main.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<header id="header">
|
|
<div class="cont d-flex aling-items-center justify-content-between">
|
|
<a href="https://www.unam.mx/" target="_blank"
|
|
><img src="assets/img/escudos/logo_unam-b.png" alt="" class="img"
|
|
/></a>
|
|
<nav class="navbar nav-g">
|
|
<div class="container-fluid">
|
|
<ul class="navbar nav">
|
|
<li class="nav-item">
|
|
<a href="index.html" class="nav-link ative" aria-current="page">
|
|
Inicio
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="galeria.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Galería
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link ative" aria-current="page">
|
|
Logotipos
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="himno-U.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Himno Universitario
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="archivo.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Archivo
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="acatlan-M-E.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Acatlán Me Encanta
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="himno-D.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Himno Deportivo
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="videos.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Videos
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="stickers.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Stickers WhatsApp
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="somos-Pumas.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Somos Pumas
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
href="wallPapers.html"
|
|
class="nav-link ative"
|
|
aria-current="page"
|
|
>
|
|
Wallpapers
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"
|
|
><img src="assets/img/escudos/escudo-b2.png" alt="" class="img"
|
|
/></a>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main">
|
|
<section class="home">
|
|
<div class="container cont-prin">
|
|
<div class="section-h">
|
|
<h2>
|
|
<i class="bx bxs-image"></i>
|
|
Logotipos
|
|
</h2>
|
|
</div>
|
|
<div class="row">
|
|
<!-- tab de logotipos -->
|
|
<div class="div-flex flex-nowrap">
|
|
<div class="col-12 col-md-3 boxx">
|
|
<ul
|
|
class="nav justify-content-center"
|
|
id="myTab"
|
|
role="tablist"
|
|
>
|
|
<li class="nav-item" role="presentation">
|
|
<a
|
|
class="nav-link active"
|
|
id="logotipos-tab"
|
|
data-bs-toggle="tab"
|
|
href="#logotipos"
|
|
role="tab"
|
|
aria-controls="logotipos"
|
|
aria-selected="true"
|
|
>Logotipos</a
|
|
>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<a
|
|
class="nav-link"
|
|
id="escudos-tab"
|
|
data-bs-toggle="tab"
|
|
href="#escudos"
|
|
role="tab"
|
|
aria-controls="escudos"
|
|
aria-selected="false"
|
|
>Escudos</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-12 col-md-8">
|
|
<div class="tab-content" id="myTabContent">
|
|
<!-- Contenido de la pestaña Inicio -->
|
|
<div
|
|
class="tab-pane fade show active"
|
|
id="logotipos"
|
|
role="tabpanel"
|
|
aria-labelledby="home-tab"
|
|
>
|
|
<div class="row">
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Logotipo/logo-azul.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description justify-content-around">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-azul.jpg"
|
|
download="logo-azul.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-azul.png"
|
|
download="logo-azul.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Logotipo/logo-azulBis.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-azulBis.jpg"
|
|
download="logo-azulBis.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-azulBis.png"
|
|
download="logo-azulBis.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Logotipo/logo-blanco.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-blanco.jpg"
|
|
download="logo-blanco.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-blanco.png"
|
|
download="logo-blanco.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Logotipo/logo-blancoBis.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-blancoBis.jpg"
|
|
download="logo-blancoBis.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-blancoBis.png"
|
|
download="logo-blancoBis.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Logotipo/logo-dorado.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-dorado.jpg"
|
|
download="logo-dorado.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-dorado.png"
|
|
download="logo-dorado.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Logotipo/logo-doradoBis.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-doradoBis.jpg"
|
|
download="logo-doradoBis.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-doradoBis.png"
|
|
download="logo-doradoBis.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Logotipo/logo-negro.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-negro.jpg"
|
|
download="logo-negro.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-negro.png"
|
|
download="logo-negro.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Logotipo/logo-negroBis.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-negroBis.jpg"
|
|
download="logo-negroBis.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Logotipo/logo-negroBis.png"
|
|
download="logo-negroBis.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Fin del contenido de logotipos -->
|
|
<!-- Contenido de la pestaña escudos -->
|
|
<div
|
|
class="tab-pane fade"
|
|
id="escudos"
|
|
role="tabpanel"
|
|
aria-labelledby="profile-tab"
|
|
>
|
|
<div class="row">
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Escudo/escudo-a.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Escudo/escudo-a.jpg"
|
|
download="logo-azul.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Escudo/escudo-a.png"
|
|
download="logo-azul.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Escudo/escudo-b.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Escudo/escudo-b.jpg"
|
|
download="logo-azulBis.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Escudo/escudo-b.jpg"
|
|
download="logo-azulBis.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Escudo/escudo-b2.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Escudo/escudo-b2.jpg"
|
|
download="logo-blanco.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Escudo/escudo-b2.png"
|
|
download="logo-blanco.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 pt-5">
|
|
<div class="content-home">
|
|
<img
|
|
src="/assets/img/esc-log/Escudo/escudo-d.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="description">
|
|
<p>Descargar</p>
|
|
<a
|
|
href="assets/img/esc-log/Escudo/escudo-d.jpg"
|
|
download="logo-blancoBis.jpg"
|
|
>JPG</a
|
|
>
|
|
<a
|
|
href="assets/img/esc-log/Escudo/escudo-d.png"
|
|
download="logo-blancoBis.png"
|
|
>PNG</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Fin de la pestaña de escudos -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</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 -->
|
|
|
|
<!-- Srcipts -->
|
|
<script>
|
|
window.addEventListener("scroll", function () {
|
|
var header = document.querySelector("header");
|
|
header.classList.toggle("fixed-top", window.scrollY > 0);
|
|
});
|
|
</script>
|
|
<script src="assets/js/main.js"></script>
|
|
<script src="assets/Ext/glightbox/js/glightbox.min.js"></script>
|
|
<!-- Script para el funcionamiento de glightbox -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Script para el funcionamiento de los tabs -->
|
|
</body>
|
|
</html>
|