duncan/identidad_acatlan
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Files
2a3c7c6bbf18366e70a7ccb2be218f2a8f014f44
identidad_acatlan/wallPapers.html
T
duncan 2a3c7c6bbf Arreglos de wallpapers e inicio de correción
2024-11-21 15:08:10 -06:00

537 lines
18 KiB
HTML
Raw Blame History

<!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 de glightbox -->
<link rel="stylesheet" href="assets/Ext/glightbox/css/glightbox.min.css" />
<!-- Link de bootstrap -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<!-- 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="logotipos.html"
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="#" 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>
Wallpapers
</h2>
</div>
<div class="d-flex flex-wrap gap-2 justify-content-center">
<div class="d-flex flex-column">
<img src="assets/img/wallpappers/wp-1.png" alt="" />
<!-- Button trigger modal -->
<button
type="button"
class="btn"
data-bs-toggle="modal"
data-bs-target="#wp1"
>
Ver wallpaper
</button>
</div>
<!-- Modal -->
<div
class="modal fade"
id="wp1"
tabindex="-1"
aria-labelledby="wp1Label"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="wp1Label">Wallpapers</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12 d-flex flex-column align-items-center">
<img
src="assets/img/bg/phone.png"
alt=""
class="bg-phone"
style="
background-image: url(assets/img/wallpappers/wp-1.png);
background-position: center center;
background-size: cover;
"
/>
<a
href="assets/img/wallpappers/wp-1.png"
download="wp-1.png"
>Descargar</a
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column">
<img src="assets/img/wallpappers/wp-2.jpg" alt="" />
<!-- Button trigger modal -->
<button
type="button"
class="btn"
data-bs-toggle="modal"
data-bs-target="#wp2"
>
Ver wallpaper
</button>
</div>
<!-- Modal -->
<div
class="modal fade"
id="wp2"
tabindex="-1"
aria-labelledby="wp2Label"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="wp2Label">Wallpapers</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12 d-flex flex-column align-items-center">
<img
src="assets/img/bg/phone.png"
alt=""
class="bg-phone"
style="
background-image: url(assets/img/wallpappers/wp-2.jpg);
background-position: center center;
background-size: cover;
"
/>
<a
href="assets/img/wallpappers/wp-2.jpg"
download="wp-2.jpg"
>Descargar</a
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column">
<img src="assets/img/wallpappers/wp-3.jpg" alt="" />
<!-- Button trigger modal -->
<button
type="button"
class="btn"
data-bs-toggle="modal"
data-bs-target="#wp4"
>
Ver wallpaper
</button>
</div>
<!-- Modal -->
<div
class="modal fade"
id="wp4"
tabindex="-1"
aria-labelledby="wp4Label"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="wp4Label">Wallpapers</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12 d-flex flex-column align-items-center">
<img
src="assets/img/bg/phone.png"
alt=""
class="bg-phone"
style="
background-image: url(assets/img/wallpappers/wp-3.jpg);
background-position: center center;
background-size: cover;
"
/>
<a
href="assets/img/wallpappers/wp-3.jpg"
download="wp-3.jpg"
>Descargar</a
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column">
<img src="assets/img/wallpappers/wp-4.jpg" alt="" />
<!-- Button trigger modal -->
<button
type="button"
class="btn"
data-bs-toggle="modal"
data-bs-target="#wp5"
>
Ver wallpaper
</button>
</div>
<!-- Modal -->
<div
class="modal fade"
id="wp5"
tabindex="-1"
aria-labelledby="wp5Label"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="wp5Label">Wallpapers</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12 d-flex flex-column align-items-center">
<img
src="assets/img/bg/phone.png"
alt=""
class="bg-phone"
style="
background-image: url(assets/img/wallpappers/wp-4.jpg);
background-position: center center;
background-size: cover;
"
/>
<a
href="assets/img/wallpappers/wp-4.jpg"
download="wp-4.jpg"
>Descargar</a
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column">
<img src="assets/img/wallpappers/wp-5.jpg" alt="" />
<!-- Button trigger modal -->
<button
type="button"
class="btn"
data-bs-toggle="modal"
data-bs-target="#wp3"
>
Ver wallpaper
</button>
</div>
<!-- Modal -->
<div
class="modal fade"
id="wp3"
tabindex="-1"
aria-labelledby="wp3Label"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="wp3Label">Wallpapers</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12 d-flex flex-column align-items-center">
<img
src="assets/img/bg/phone.png"
alt=""
class="bg-phone"
style="
background-image: url(assets/img/wallpappers/wp-5.jpg);
background-position: center center;
background-size: cover;
"
/>
<a
href="assets/img/wallpappers/wp-5.jpg"
download="wp-5.jpg"
>Descargar</a
>
</div>
</div>
</div>
</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="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink