diff --git a/assets/css/main.css b/assets/css/main.css index 494a92c..1edbbff 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -589,7 +589,7 @@ Hero } #hero h2 { color: rgba(255, 255, 255, 0.9); - background-color: rgba(30, 60, 112, 0.8); + /*background-color: rgba(30, 60, 112, 0.8);*/ margin: 10px 0 0 0; font-size: 22px; padding: 4px; diff --git a/idiomas/assets/css/idiomas.css b/idiomas/assets/css/idiomas.css new file mode 100644 index 0000000..e01c845 --- /dev/null +++ b/idiomas/assets/css/idiomas.css @@ -0,0 +1,142 @@ +#idioma { + width: 100%; + height: 90vh; + background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("../../../assets/img/bg/alt-2.jpg") top center; + background-size: cover; + position: relative; +} + +#idioma:before { + content: ""; + background: rgba(0, 0, 0, 0.527); + 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 .transparent-cart { + padding: 1rem; + background: rgba(109, 107, 107, 0.568); + border-radius: 5px; + height: 100%; +} + +#idioma .cta-btn { + font-weight: 600; + font-size: 12px; + letter-spacing: 1px; + padding: 4px 18px; + display: inline-flex; + border-radius: 18px; + transition: 0.2s; + margin-top: 10px; + border: 2px solid #bb8800; + color: #bb8800; + } + + #idioma .cta-btn:hover { + background: #1e3c70; + border-color: #1e3c70; + color: #fff; + } \ No newline at end of file diff --git a/idiomas/index.html b/idiomas/index.html index 7c71a2c..1acea38 100644 --- a/idiomas/index.html +++ b/idiomas/index.html @@ -8,7 +8,7 @@ FES Acatlán - + @@ -20,15 +20,12 @@ - + - + @@ -37,14 +34,16 @@ -
-
-
-
-
-

Idiomas Acatlán

- -

objetivo

-

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Blanditiis aut commodi, impedit illo maxime quos doloremque? Laboriosam voluptatibus, expedita rerum tempora, ex nostrum quia sit voluptate voluptatem at sapiente quod.

+
+
+ +
+
+

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
+
+
INSCRIPCIONES Y REINSCRIPCIONES CURSOS SABATINOS
+

+ Lorem ipsum dolor sit amet, consectetur adipinscing elit. +

+

+ Ver más +

-
-
-
Convocatoria -

Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui laudantium beatae facilis modi fugiat. Nulla, in recusandae consectetur quo itaque voluptatem quam rerum accusantium laboriosam soluta quibusdam quasi odit. Itaque?

+
+
+ Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteirure dolor in reprehenderit + in voluptate +
+

+ Lorem ipsum dolor sit amet, consectetur adipinscing elit. +

+

+ Ver más +

-
+
-
-
- -
-
- + + +
-
+ +
+
+
+
+
Centro de Enseñanzas de Idiomas
+
Correo de Contacto
+
Secretaria Auxiliar:
+
Registro CEI:
+

+ El CEI lleva acabo estudios e investigaciones en la enseñanza de lenguas, para ello cuenta + con el Seminario de Lingüistica Teórica y Aplicada (SELITA) formado por los docentes de los diversos + departamentos.
+ Además, para apoyar la movilidad estudiantil, el CEI es sede aplicadora de exámenes de + certificación internacional, entre ellos: el OSD de alemán, el CAPLE de portugués, + el DELF de francés , el CILS de italiano y el TOELF, el FCE, el CAE, el TOYEC y el IELTS en inglés. +

+
Modalidades:
+
Comprensión de lectura (CL):
+

+ Si necesitas cumplir con el requisito de idioma que pide tu carrera, esta opción es para ti. + Los cursos se enfocan al desarrollo de estrategias y comprensión de textos. consulta tus requisitos + de idioma en tu licencitura. +

+
Plan Global (PG):
+

+ Si te interesa aprender las cutro habilidades básicas de un idioma: hablar, escribir, escuchar + y leer, esta modalidad es tu opción. +

+
+
+

+ El CEI ofrece cursos regulares (entre semana) y sabatinos, en ellos puedes estudiar las siguientes + lenguas: +

+
+
+
+
+ + +
+
+
+ +
+
+
+

Contacto

+
+

+ +

+
+
+
+
+ + +
@@ -105,20 +185,20 @@
- - -
+ + +

Redes Sociales

Siguenos en: - - - - + + + +
@@ -144,19 +224,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.

- +