diff --git a/idiomas/assets/css/idiomas.css b/idiomas/assets/css/idiomas.css new file mode 100644 index 0000000..43f069e --- /dev/null +++ b/idiomas/assets/css/idiomas.css @@ -0,0 +1,135 @@ +#idioma { + width: 100%; + height: 90vh; + background: url("../../../assets/img/bg/alt-2.jpg") top center; + background-size: cover; + position: relative; + opacity: 1; +} + +#idioma:before { + content: ""; + background: rgba(255, 255, 255, 0.3); + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; +} + +#idioma .container { + position: relative; + padding-top: 10%; + text-align: center; +} + +#idioma h1 { + font-size: 36px; + font-weight: 700; + line-height: 40px; + color: #1e3c70; +} + +#idioma h1 span { + color: #bb8800; +} + +#idioma h2 { + color: rgba(255, 255, 255, 0.9); + /* background-color: rgba(30, 60, 112, 0.8); */ + margin: 10px 0 0 0; + font-size: 22px; + padding: 4px; +} + +#idioma h2 span { + color: #bb8800; +} + +#idioma .icon-box { + /*padding: ;*/ + transition: ease-in-out 0.3s; + border: 1px solid rgba(255, 255, 255, 0.3); + text-align: center; + height: 250px; +} + +#idioma .icon-box i { + font-size: 32px; + line-height: 1; + color: #ffc451; +} + +#idioma .icon-box h3 { + font-weight: 700; + margin-top: auto; + padding: 0; + line-height: 1; + font-size: 20px; + line-height: 26px; + background-color: rgba(187, 136, 0, 0.8); +} + +#idioma .icon-box h3 a { + color: #fff; + transition: ease-in-out 0.3s; +} + +#idioma .icon-box h3 a:hover { + color: #1e3c70; +} + +#idioma .icon-box:hover { + border-color: #1e3c70; +} + +@media (min-width: 1024px) { + #idiomas { + background-attachment: fixed; + } +} + +@media (max-width: 768px) { + #idiomas { + height: 80vh; + } + + #idiomas h1 { + font-size: 28px; + line-height: 36px; + } + + #idiomas h2 { + font-size: 20px; + line-height: 24px; + } + + #idiomas .navbar-toggler { + font-size: 13px; + padding: 0px; + border: none; + padding: 8px; + } + +} + +#idioma .text-container { + padding: 3rem; +} +#idioma .container { + border: 1px solid #ccc; + padding: 10rem; + background: #f9f9f9; +} + +/* #idioma .float-left{ + float: center; + width: 35%; + height: 50%; + background-color: #e0e0e0; + margin-left: 10px; + text-align: center; + line-height: 100px; /* Center text vertically + border: 1px solid #ccc; +} */ + diff --git a/idiomas/index.html b/idiomas/index.html index 999121b..014b670 100644 --- a/idiomas/index.html +++ b/idiomas/index.html @@ -20,15 +20,12 @@ - + - + @@ -37,14 +34,16 @@ -
-
+
+
-
-
+
+
+

Idiomas Acatlán

+

Cursos Regulares y Cursos Sabatinos

+

Objetivo

+

+ El centro de enseñanzas de idiomas (CEI) de la FES Acatlán tiene como obejtivo contribuir a la + formación integral de la comunidad interna y externa de la Facultad a través de la enseñanza de idiomas. + En esta labor, se incorporan actividades culturales en la lengua meta; en ella los alumnos practican + el idioma y conocen la cultura de estos pueblos mientras disfrutan de las expresiones artisticas como danza, + música, literatura, teatro, cine y muestras gastronómicas. +

+
+
+
+
Convocatoria
+
+
+
-
+
+ +
+ +
+ + + + +
@@ -113,20 +138,20 @@
- - -
+ + +

Redes Sociales

Siguenos en: - - - - + + + +
@@ -152,19 +177,21 @@
- - -
+ + +

FES Acatlán

Hecho en México, todos los derechos reservados 2021. -

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. +

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.

- +