Primer entrega
This commit is contained in:
duncan
+65
-36
@@ -21,6 +21,7 @@
|
||||
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" />
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link rel="stylesheet" href="./assets/css/main.css" />
|
||||
@@ -133,78 +134,96 @@
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -297,5 +316,15 @@
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+65
-36
@@ -21,6 +21,7 @@
|
||||
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" />
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link rel="stylesheet" href="./assets/css/main.css" />
|
||||
@@ -133,78 +134,96 @@
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -297,5 +316,15 @@
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+10
-2
@@ -4,7 +4,7 @@
|
||||
/* Sección de la portada */
|
||||
#port {
|
||||
position: relative;
|
||||
min-height: 93vh;
|
||||
min-height: 92vh;
|
||||
background: linear-gradient(rgba(184, 166, 66, 0.1), rgba(255, 247, 0, 0.096)), url("../img/bg/alt-1.jpg") fixed center;
|
||||
}
|
||||
#port h1 {
|
||||
@@ -38,6 +38,7 @@ section {
|
||||
}
|
||||
section .section-h {
|
||||
color: #bb8800;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
section .section-h i {
|
||||
font-size: 28px;
|
||||
@@ -96,7 +97,7 @@ section .section-h h2:after {
|
||||
}
|
||||
.home .cont-prin .content-galery img {
|
||||
width: 100%;
|
||||
border-radius: 12px 12px 0px 0px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.home .cont-prin .content-galery .description {
|
||||
padding: 10px 0px;
|
||||
@@ -109,6 +110,13 @@ section .section-h h2:after {
|
||||
.home .cont-prin .content-galery .description a:hover {
|
||||
color: #bb8800;
|
||||
}
|
||||
.home .cont-prin .cont-center {
|
||||
padding: 0;
|
||||
justify-content: center;
|
||||
}
|
||||
.home .cont-prin .cont-center div audio {
|
||||
padding: 10vh 0 !important;
|
||||
}
|
||||
/* Globales */
|
||||
.nav-g a {
|
||||
color: #bb8800;
|
||||
|
||||
+132
-125
@@ -6,29 +6,29 @@
|
||||
|
||||
#port {
|
||||
position: relative;
|
||||
min-height: 93vh;
|
||||
min-height: 92vh;
|
||||
background: linear-gradient(rgba(184, 166, 66, 0.1), rgba(255, 247, 0, 0.096)),
|
||||
url("../img/bg/alt-1.jpg") fixed center;
|
||||
h1 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
span {
|
||||
color: #bb8800;
|
||||
}
|
||||
.cont {
|
||||
padding: 10px 30px;
|
||||
bottom: 0;
|
||||
}
|
||||
url("../img/bg/alt-1.jpg") fixed center;
|
||||
h1 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
span {
|
||||
color: #bb8800;
|
||||
}
|
||||
.cont {
|
||||
padding: 10px 30px;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sección del header */
|
||||
|
||||
#header {
|
||||
position: fixed;
|
||||
z-index: 100000;
|
||||
#header {
|
||||
position: fixed;
|
||||
z-index: 100000;
|
||||
margin: 0%;
|
||||
padding: 0.3% 0.5%;
|
||||
background-color: #1e3c70;
|
||||
@@ -45,13 +45,13 @@ section {
|
||||
|
||||
.section-h {
|
||||
color: #bb8800;
|
||||
|
||||
margin-bottom: 80px;
|
||||
i {
|
||||
font-size: 28px;
|
||||
}
|
||||
h2 {
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
position: relative;
|
||||
padding-bottom: 10px;
|
||||
&:after {
|
||||
content: "";
|
||||
@@ -96,7 +96,7 @@ section {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content-galery {
|
||||
padding: 0;
|
||||
border-radius: 12px;
|
||||
@@ -105,8 +105,8 @@ section {
|
||||
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
|
||||
transition: 0.5s;
|
||||
img {
|
||||
width:100%;
|
||||
border-radius: 12px 12px 0px 0px;
|
||||
width: 100%;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.description {
|
||||
padding: 10px 0px;
|
||||
@@ -119,117 +119,124 @@ section {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.cont-center {
|
||||
padding: 0;
|
||||
justify-content: center;
|
||||
div audio {
|
||||
padding: 10vh 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Globales */
|
||||
|
||||
.nav-g {
|
||||
a {
|
||||
color:#bb8800;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.nav-g {
|
||||
a {
|
||||
color: #bb8800;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.nav-g {
|
||||
overflow-x:scroll;
|
||||
height: 70px;
|
||||
display: inline-block !important;
|
||||
}
|
||||
.nav-g {
|
||||
overflow-x: scroll;
|
||||
height: 70px;
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer {
|
||||
background-color: black;
|
||||
padding: 0 0 30px 0;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
#footer .footer-top {
|
||||
background: linear-gradient(rgba(2, 2, 2, 0.9), rgba(20, 30, 48, 0.9)), url("../img/bg/_DSC3031.jpg") fixed top;
|
||||
background-size: cover;
|
||||
border-bottom: 1px solid #222222;
|
||||
padding: 60px 0 30px 0;
|
||||
}
|
||||
#footer .footer-top .footer-info {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer .footer-top .footer-info h3 {
|
||||
font-size: 28px;
|
||||
margin: 0 0 20px 0;
|
||||
padding: 2px 0 2px 0;
|
||||
line-height: 1;
|
||||
font-weight: 700;
|
||||
}
|
||||
#footer .footer-top .footer-info h3 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
#footer .footer-top .footer-info p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
font-family: "Raleway", sans-serif;
|
||||
color: #fff;
|
||||
text-align: justify;
|
||||
}
|
||||
#footer .footer-top .social-links a {
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
background: #292929;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
padding: 8px 0;
|
||||
margin-right: 4px;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
#footer .footer-top .social-links a:hover {
|
||||
background: #ffc451;
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
}
|
||||
#footer .footer-top h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
#footer .footer-top .footer-links {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer .footer-top .footer-links ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#footer .footer-top .footer-links ul i {
|
||||
padding-right: 2px;
|
||||
color: #ffc451;
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
}
|
||||
#footer .footer-top .footer-links ul li {
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
#footer .footer-top .footer-links ul li:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
#footer .footer-top .footer-links ul a {
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
#footer .footer-top .footer-links ul a:hover {
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
background-color: black;
|
||||
padding: 0 0 30px 0;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
#footer .footer-top {
|
||||
background: linear-gradient(rgba(2, 2, 2, 0.9), rgba(20, 30, 48, 0.9)),
|
||||
url("../img/bg/_DSC3031.jpg") fixed top;
|
||||
background-size: cover;
|
||||
border-bottom: 1px solid #222222;
|
||||
padding: 60px 0 30px 0;
|
||||
}
|
||||
#footer .footer-top .footer-info {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer .footer-top .footer-info h3 {
|
||||
font-size: 28px;
|
||||
margin: 0 0 20px 0;
|
||||
padding: 2px 0 2px 0;
|
||||
line-height: 1;
|
||||
font-weight: 700;
|
||||
}
|
||||
#footer .footer-top .footer-info h3 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
#footer .footer-top .footer-info p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
font-family: "Raleway", sans-serif;
|
||||
color: #fff;
|
||||
text-align: justify;
|
||||
}
|
||||
#footer .footer-top .social-links a {
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
background: #292929;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
padding: 8px 0;
|
||||
margin-right: 4px;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
#footer .footer-top .social-links a:hover {
|
||||
background: #ffc451;
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
}
|
||||
#footer .footer-top h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
#footer .footer-top .footer-links {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer .footer-top .footer-links ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#footer .footer-top .footer-links ul i {
|
||||
padding-right: 2px;
|
||||
color: #ffc451;
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
}
|
||||
#footer .footer-top .footer-links ul li {
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
#footer .footer-top .footer-links ul li:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
#footer .footer-top .footer-links ul a {
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
#footer .footer-top .footer-links ul a:hover {
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
+282
-184
@@ -6,10 +6,7 @@
|
||||
<title>Identidad Acatlan</title>
|
||||
|
||||
<!-- Ext CSS -->
|
||||
<link
|
||||
href="assets/Ext/bootstrap/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<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
|
||||
@@ -20,210 +17,311 @@
|
||||
<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 rel="stylesheet" href="assets/Ext/glightbox/css/glightbox.min.css" />
|
||||
|
||||
<!-- 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="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>
|
||||
</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>
|
||||
<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="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>
|
||||
</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>
|
||||
Galería
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a href="assets/img/bg/_DSC2981.jpg" data-gallery="Galeria" class="Galeria-lightbox"><img src="assets/img/bg/_DSC2981.jpg"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="assets/img/bg/_DSC2981.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="assets/img/bg/_DSC2981.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="assets/img/bg/_DSC2981.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="assets/img/bg/_DSC2981.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="assets/img/bg/_DSC2981.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="assets/img/bg/_DSC2981.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="assets/img/bg/_DSC2981.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="assets/img/bg/_DSC2981.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="home">
|
||||
<div class="container cont-prin">
|
||||
<div class="section-h">
|
||||
<h2>
|
||||
<i class="bx bxs-image"></i>
|
||||
Galería
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</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">
|
||||
<!-- ======= 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>
|
||||
<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>
|
||||
<img
|
||||
src="assets/img/escudos/unam-nacion-blanco.png"
|
||||
style="width: 150px; margin: 15px auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
</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 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>
|
||||
</div>
|
||||
|
||||
</footer><!-- Termina Footer -->
|
||||
|
||||
<!-- Srcipts -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
<script src="assets/Ext/glightbox/js/glightbox.min.js"></script>
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+234
-127
@@ -24,149 +24,256 @@
|
||||
|
||||
<!-- 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="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="galeria.html" class="nav-link ative" aria-current="page">
|
||||
Galería
|
||||
</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>
|
||||
</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>
|
||||
<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="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="galeria.html"
|
||||
class="nav-link ative"
|
||||
aria-current="page"
|
||||
>
|
||||
Galería
|
||||
</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>
|
||||
</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>
|
||||
Himno Deportivo
|
||||
</h2>
|
||||
</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;">
|
||||
|
||||
<section class="home">
|
||||
<div class="container cont-prin">
|
||||
<div class="section-h">
|
||||
<h2>
|
||||
<i class="bx bxs-image"></i>
|
||||
Himno Deportivo
|
||||
</h2>
|
||||
</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>
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<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.
|
||||
¡Oh Universidad! <br>
|
||||
Escucha con qué ardor <br>
|
||||
Entonan hoy tus hijos <br>
|
||||
Este himno en tu honor <br>
|
||||
Al darte la victoria <br>
|
||||
Honramos tus laureles <br>
|
||||
Conservando tu historia <br>
|
||||
Que es toda tradición <br>
|
||||
Unidos venceremos <br>
|
||||
Y el triunfo alcanzaremos <br>
|
||||
Luchando con tesón <br>
|
||||
Por tí Universidad <br>
|
||||
Universitarios, <br>
|
||||
Icemos siempre airosos <br>
|
||||
El pendón victorioso <br>
|
||||
De la Universidad <br>
|
||||
Por su azul y oro <br>
|
||||
Lucharemos sin cesar <br>
|
||||
Cubriendo así de gloria <br>
|
||||
Su nombre inmortal <br>
|
||||
¡¡México, Pumas, Universidad!!
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-8">
|
||||
<div>
|
||||
<audio controls>
|
||||
<source
|
||||
src="assets/media/himno_deportivo.mpga"
|
||||
type="audio/ogg"
|
||||
/>
|
||||
<source
|
||||
src="assets/media/himno_deportivo.mpga"
|
||||
type="audio/mpeg"
|
||||
/>
|
||||
</audio>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
src="assets/img/bg/especializaciones-1.jpg"
|
||||
alt=""
|
||||
class="img-fluid"
|
||||
/>
|
||||
</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>
|
||||
</div>
|
||||
|
||||
</footer><!-- Termina Footer -->
|
||||
</footer>
|
||||
<!-- Termina Footer -->
|
||||
|
||||
<!-- Scripts -->
|
||||
<script>
|
||||
window.addEventListener("scroll", function () {
|
||||
var header = document.querySelector("header");
|
||||
header.classList.toggle("fixed-top", window.scrollY > 0);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+237
-171
@@ -24,193 +24,259 @@
|
||||
|
||||
<!-- 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="logotipos.html" class="nav-link ative" aria-current="page">
|
||||
Logotipos
|
||||
</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="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>
|
||||
</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>
|
||||
<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="logotipos.html"
|
||||
class="nav-link ative"
|
||||
aria-current="page"
|
||||
>
|
||||
Logotipos
|
||||
</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="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>
|
||||
</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>
|
||||
Himno Universitario
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<p>
|
||||
Universidad Universidad <br>
|
||||
Por mi raza el espíritu hablará <br>
|
||||
Por mi raza el espíritu hablará <br><br>
|
||||
|
||||
(Maestros) <br>
|
||||
En el lema que adoptamos <br>
|
||||
Para nuestro laborar <br>
|
||||
El afán así expresamos: <br>
|
||||
Estudiar para enseñar <br>
|
||||
Somos los educadores <br>
|
||||
Nos anima el ideal <br>
|
||||
De encender los resplandores <br>
|
||||
Del camino sin fanal <br>
|
||||
Ser para los demás <br>
|
||||
Lo suyo a todos dar <br>
|
||||
Sabiendo para prever <br>
|
||||
Previniendo para obrar <br><br>
|
||||
|
||||
(Alumnos) <br>
|
||||
En nosotros reside el anhelo <br>
|
||||
De alcanzar la verdad y el saber <br>
|
||||
Nuestras alas presienten el vuelo <br>
|
||||
De la ciencia, el amor y el deber <br>
|
||||
Que nos guíe la voz del maestro <br>
|
||||
A alcanzar el sublime ideal <br>
|
||||
Y un mañana de luz será nuestro <br>
|
||||
De la patria diadema triunfal <br>
|
||||
Universidad Universidad <br>
|
||||
Por mi raza el espíritu hablará <br>
|
||||
Por mi raza el espíritu hablará
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-8">
|
||||
<div>
|
||||
<p>Icono</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/img/bg/especializaciones-1.jpg" alt="" class="img-fluid">
|
||||
</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;">
|
||||
|
||||
<section class="home">
|
||||
<div class="container cont-prin">
|
||||
<div class="section-h">
|
||||
<h2>
|
||||
<i class="bx bxs-image"></i>
|
||||
Himno Universitario
|
||||
</h2>
|
||||
</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>
|
||||
<div class="row cont-center">
|
||||
<div class="col-12 col-md-6">
|
||||
<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.
|
||||
Universidad Universidad <br />
|
||||
Por mi raza el espíritu hablará <br />
|
||||
Por mi raza el espíritu hablará <br /><br />
|
||||
|
||||
(Maestros) <br />
|
||||
En el lema que adoptamos <br />
|
||||
Para nuestro laborar <br />
|
||||
El afán así expresamos: <br />
|
||||
Estudiar para enseñar <br />
|
||||
Somos los educadores <br />
|
||||
Nos anima el ideal <br />
|
||||
De encender los resplandores <br />
|
||||
Del camino sin fanal <br />
|
||||
Ser para los demás <br />
|
||||
Lo suyo a todos dar <br />
|
||||
Sabiendo para prever <br />
|
||||
Previniendo para obrar <br /><br />
|
||||
|
||||
(Alumnos) <br />
|
||||
En nosotros reside el anhelo <br />
|
||||
De alcanzar la verdad y el saber <br />
|
||||
Nuestras alas presienten el vuelo <br />
|
||||
De la ciencia, el amor y el deber <br />
|
||||
Que nos guíe la voz del maestro <br />
|
||||
A alcanzar el sublime ideal <br />
|
||||
Y un mañana de luz será nuestro <br />
|
||||
De la patria diadema triunfal <br />
|
||||
Universidad Universidad <br />
|
||||
Por mi raza el espíritu hablará <br />
|
||||
Por mi raza el espíritu hablará
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<div>
|
||||
<audio controls>
|
||||
<source src="assets/media/himno-universitario.ogg" type="audio/ogg">
|
||||
<source src="assets/media/himno-universitario.mpga" type="audio/mpeg">
|
||||
</audio>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
src="assets/img/bg/especializaciones-1.jpg"
|
||||
alt=""
|
||||
class="img-fluid"
|
||||
/>
|
||||
</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>
|
||||
</div>
|
||||
|
||||
</footer><!-- Termina Footer -->
|
||||
</footer>
|
||||
<!-- Termina Footer -->
|
||||
|
||||
<!-- Scripts -->
|
||||
<script>
|
||||
window.addEventListener("scroll", function () {
|
||||
var header = document.querySelector("header");
|
||||
header.classList.toggle("fixed-top", window.scrollY > 0);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+1
-1
@@ -133,7 +133,7 @@
|
||||
<div class="content-home">
|
||||
<img src="/assets/img/bg/_DSC3020.jpg" alt="" />
|
||||
<div class="description">
|
||||
<a href="#">Wallpapers Acatlán</a>
|
||||
<a href="wallPapers.html">Wallpapers Acatlán</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+186
-124
@@ -20,153 +20,215 @@
|
||||
<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">
|
||||
|
||||
<!-- 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="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>
|
||||
</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>
|
||||
<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="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>
|
||||
</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>
|
||||
</section>
|
||||
<section class="home">
|
||||
<div class="container cont-prin">
|
||||
<div class="section-h">
|
||||
<h2>
|
||||
<i class="bx bxs-image"></i>
|
||||
Logotipos
|
||||
</h2>
|
||||
</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">
|
||||
<!-- ======= 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>
|
||||
<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>
|
||||
<img
|
||||
src="assets/img/escudos/unam-nacion-blanco.png"
|
||||
style="width: 150px; margin: 15px auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
</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 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>
|
||||
</div>
|
||||
|
||||
</footer><!-- Termina Footer -->
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+65
-36
@@ -21,6 +21,7 @@
|
||||
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" />
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link rel="stylesheet" href="./assets/css/main.css" />
|
||||
@@ -133,78 +134,96 @@
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -297,5 +316,15 @@
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+65
-36
@@ -21,6 +21,7 @@
|
||||
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" />
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link rel="stylesheet" href="./assets/css/main.css" />
|
||||
@@ -133,78 +134,96 @@
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="content-galery">
|
||||
<img src="/assets/img/bg/_DSC2981.jpg" />
|
||||
<div class="description">
|
||||
<a href="#">Titulo</a>
|
||||
</div>
|
||||
<a
|
||||
href="assets/img/bg/_DSC2981.jpg"
|
||||
data-gallery="Galeria"
|
||||
class="Galeria-lightbox"
|
||||
><img src="assets/img/bg/_DSC2981.jpg"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -297,5 +316,15 @@
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+184
-124
@@ -20,153 +20,213 @@
|
||||
<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">
|
||||
|
||||
<!-- 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="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>
|
||||
</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>
|
||||
<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="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>
|
||||
</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>
|
||||
</section>
|
||||
<section class="home">
|
||||
<div class="container cont-prin">
|
||||
<div class="section-h">
|
||||
<h2>
|
||||
<i class="bx bxs-image"></i>
|
||||
Wallpapers
|
||||
</h2>
|
||||
</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">
|
||||
<!-- ======= 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>
|
||||
<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>
|
||||
<img
|
||||
src="assets/img/escudos/unam-nacion-blanco.png"
|
||||
style="width: 150px; margin: 15px auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
</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 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>
|
||||
</div>
|
||||
|
||||
</footer><!-- Termina Footer -->
|
||||
</footer>
|
||||
<!-- Termina Footer -->
|
||||
|
||||
<!-- Srcipts -->
|
||||
<script>
|
||||
window.addEventListener("scroll", function () {
|
||||
var header = document.querySelector("header");
|
||||
header.classList.toggle("fixed-top", window.scrollY > 0);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user