diff --git a/acatlan-M-E.html b/acatlan-M-E.html index 01081d1..2876e7d 100644 --- a/acatlan-M-E.html +++ b/acatlan-M-E.html @@ -21,6 +21,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> + @@ -133,78 +134,96 @@
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
@@ -297,5 +316,15 @@ + + + + + diff --git a/archivo.html b/archivo.html index 752c378..2a78751 100644 --- a/archivo.html +++ b/archivo.html @@ -21,6 +21,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> + @@ -133,78 +134,96 @@
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
@@ -297,5 +316,15 @@ + + + + + diff --git a/assets/css/main.css b/assets/css/main.css index cb924d9..d4e204c 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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; diff --git a/assets/css/main.less b/assets/css/main.less index 8782495..13cdb8d 100644 --- a/assets/css/main.less +++ b/assets/css/main.less @@ -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; - } - \ No newline at end of file + 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; +} diff --git a/assets/media/himno-universitario.mpga b/assets/media/himno-universitario.mpga new file mode 100644 index 0000000..ceb448b Binary files /dev/null and b/assets/media/himno-universitario.mpga differ diff --git a/assets/media/himno_deportivo.mpga b/assets/media/himno_deportivo.mpga new file mode 100644 index 0000000..d8ff3e1 Binary files /dev/null and b/assets/media/himno_deportivo.mpga differ diff --git a/galeria.html b/galeria.html index 1d477f2..18c0fc2 100644 --- a/galeria.html +++ b/galeria.html @@ -6,10 +6,7 @@ Identidad Acatlan - + - - + /> + - -
-
-
-
-

- - Galería -

-
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
+
+
+
+

+ + Galería +

+
+
+
+
+ +
-
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+ +
- - + + + + + diff --git a/himno-D.html b/himno-D.html index edf5cf9..8b58473 100644 --- a/himno-D.html +++ b/himno-D.html @@ -24,149 +24,256 @@ - -
-
-
-
-

- - Himno Deportivo -

-
-
-
-
- - - + + + + diff --git a/himno-U.html b/himno-U.html index 81283fc..7932dc7 100644 --- a/himno-U.html +++ b/himno-U.html @@ -24,193 +24,259 @@ - -
-
-
-
-

- - Himno Universitario -

-
-
-
-

- Universidad Universidad
- Por mi raza el espíritu hablará
- Por mi raza el espíritu hablará

- - (Maestros)
- En el lema que adoptamos
- Para nuestro laborar
- El afán así expresamos:
- Estudiar para enseñar
- Somos los educadores
- Nos anima el ideal
- De encender los resplandores
- Del camino sin fanal
- Ser para los demás
- Lo suyo a todos dar
- Sabiendo para prever
- Previniendo para obrar

- - (Alumnos)
- En nosotros reside el anhelo
- De alcanzar la verdad y el saber
- Nuestras alas presienten el vuelo
- De la ciencia, el amor y el deber
- Que nos guíe la voz del maestro
- A alcanzar el sublime ideal
- Y un mañana de luz será nuestro
- De la patria diadema triunfal
- Universidad Universidad
- Por mi raza el espíritu hablará
- Por mi raza el espíritu hablará -

-
-
-
-

Icono

-
-
- -
-
-
-
-
-
- - - + + + + diff --git a/index.html b/index.html index c3f7082..66fd6fc 100644 --- a/index.html +++ b/index.html @@ -133,7 +133,7 @@
- Wallpapers Acatlán + Wallpapers Acatlán
diff --git a/logotipos.html b/logotipos.html index ff8afeb..45518e2 100644 --- a/logotipos.html +++ b/logotipos.html @@ -20,153 +20,215 @@ + /> + - -
-
-
-
-

- - Logotipos -

-
-
-
+
+
+
+

+ + Logotipos +

+
+
+
- - + + + + + diff --git a/somos-Pumas.html b/somos-Pumas.html index bd83028..7969eb2 100644 --- a/somos-Pumas.html +++ b/somos-Pumas.html @@ -21,6 +21,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> + @@ -133,78 +134,96 @@
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
@@ -297,5 +316,15 @@ + + + + + diff --git a/videos.html b/videos.html index 26c63d3..67c15a9 100644 --- a/videos.html +++ b/videos.html @@ -21,6 +21,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> + @@ -133,78 +134,96 @@
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
- -
- Titulo -
+
@@ -297,5 +316,15 @@ + + + + + diff --git a/wallPapers.html b/wallPapers.html index ff8afeb..813dc44 100644 --- a/wallPapers.html +++ b/wallPapers.html @@ -20,153 +20,213 @@ + /> + - -
-
-
-
-

- - Logotipos -

-
-
-
+
+
+
+

+ + Wallpapers +

+
+
+
- - + + +