CIDWA/fes_acatlan
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Actualizacion de rama

Browse Source
This commit is contained in:
Hernandez Noguez Aldair
2024-08-26 19:01:17 -06:00
parent 10ecef4d3b
commit 734f4f4aa2
3 changed files with 284 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+1 -1
View File
@@ -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;
idiomas/assets/css/idiomas.css
+142
View File
@@ -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;
}
idiomas/index.html
+141 -59
View File
@@ -8,7 +8,7 @@
<title>FES Acatlán</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="../assets/img/icon/icon.png" rel="icon">
<link href="../assets/img/icon/icon.png" rel="apple-touch-icon">
@@ -20,15 +20,12 @@
<link href="../assets/Ext/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="../assets/Ext/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../assets/Ext/aos/aos.css" rel="stylesheet">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<!-- Main CSS -->
<link href="../assets/css/main.css" rel="stylesheet">
<link href="assets/css/idiomas.css" rel="stylesheet" >
</head>
<body>
@@ -37,14 +34,16 @@
<!--<header id="header" class="fixed-top ">-->
<header id="header">
<div class="container d-flex align-items-center justify-content-between">
<div class="">
<a href="https://www.unam.mx/" target="_blank"><img src="../assets/img/escudos/logo_unam-b.png" alt="" class="img-fluid logo"></a>
<a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"><img src="../assets/img/escudos/escudo-b2.png" alt="" class="img-fluid logo-unam"></a>
</div>
<h1>FES <span>Acatlán</span></h1>
<div class="">
<a href="https://www.unam.mx/" target="_blank"><img src="../assets/img/escudos/logo_unam-b.png" alt=""
class="img-fluid logo"></a>
<a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"><img
src="../assets/img/escudos/escudo-b2.png" alt="" class="img-fluid logo-unam"></a>
</div>
<h1>FES <span>Acatlán</span></h1>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li><a href="#">Normatividad</a></li>
@@ -53,48 +52,129 @@
</nav><!-- .nav-menu -->
</div>
<div class="container ">
<nav class="nav-menu-2 d-none d-lg-block">
<div class="container ">
<nav class="nav-menu-2 d-none d-lg-block">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Licenciaturas</a></li>
<li><a href="#">Posgrados</a></li>
<li><a href="#">Investigación</a></li>
<li><a href="#">Cursos y Diplomados</a></li>
<li><a href="#">Otros</a></li>
<li><a href="#">Posgrados</a></li>
<li><a href="#">Investigación</a></li>
<li><a href="#">Cursos y Diplomados</a></li>
<li><a href="#">Otros</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<div>
<section id="hero" class="p-3 d-flex flex-column justify-content-center">
<div class="container d-flex"data-aos="fade-up">
<div class="row gx-5">
<div class="col-md-6">
<div class="p-4 text-white text-start top-0 start-0"><h3>Idiomas Acatlán</h3>
<h4>objetivo</h4>
<p class="text-justify ">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.</p>
<section id="idioma" class="d-flex align-items-center justify-content-center">
<div class="container" data-aos="fade-up">
<div class="row justify-content-between" data-aos="fade-up" data-aos-delay="150">
<div class="col-lg-6 col-sm-12">
<h1 class="" style="text-align: justify; color: white;">Idiomas Acatlán</h1>
<h2 style="text-align: justify;"><span>Cursos Regulares y Cursos Sabatinos</span></h2>
<h3 style="color: rgba(255, 255, 255); text-align: justify;">Objetivo</h3>
<p style="color: rgba(255, 255, 255); text-align: justify; font-size: medium;">
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.
</p>
</div>
<div class="col-lg-6 col-sm-12 justify-content-center">
<div class="transparent-cart">
<h5 style="color: #1e3c70" class="text-align-left">Convocatoria</h5>
<div class="border-top">
<h6 style="color: rgb(255, 255, 255); text-align: justify;">INSCRIPCIONES Y REINSCRIPCIONES CURSOS SABATINOS</h6>
<p class="m-0" style="color: rgba(187, 136, 0, 0.8); text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipinscing elit.
</p>
<p style="text-align: right;">
<a class="cta-btn" href="#">Ver más</a>
</p>
</div>
</div>
<div class="col-md-6">
<div class="bg-secondary bg-gradient p-4 text-white bg-opacity-75 text-start top-0 end-0 rounded-3">Convocatoria
<p class="text-justify">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?</p>
<div class="border-top">
<h6 style="color: rgb(255, 255, 255); text-align: justify;">
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteirure dolor in reprehenderit
in voluptate
</h6>
<p class="" style="color: rgba(187, 136, 0, 0.8); font-size:medium; text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipinscing elit.
</p>
<p style="text-align: right;">
<a class="cta-btn" href="#">Ver más</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- End Hero -->
<div>
<section>
</div>
</section>
</div>
<section id="Centro" class="d-flex align-items-center justify-content-center">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-12">
<h5 style="color: #bb8800; font-weight: 700;">Centro de Enseñanzas de Idiomas</h5>
<h6 style="color: #1e3c70; font-weight: 600;">Correo de Contacto</h6>
<h6 style="color: #1e3c70; font-weight: 600;">Secretaria Auxiliar:</h6>
<h6 style="color: #1e3c70; font-weight: 600;">Registro CEI:</h6>
<p style="color: #1e3c70;">
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. <br>
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.
</p>
<h6 style="color: #1e3c70; font-weight: 600;">Modalidades:</h6>
<h6 style="color: #1e3c70; font-weight: 500;">Comprensión de lectura (CL):</h6>
<p style="color: #1e3c70;">
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.
</p>
<h6 style="color: #1e3c70; font-weight: 500;">Plan Global (PG):</h6>
<p style="color: #1e3c70;">
Si te interesa aprender las cutro habilidades básicas de un idioma: hablar, escribir, escuchar
y leer, esta modalidad es tu opción.
</p>
</div>
<div class="col-lg-6 col-sm-12">
<p style="color: #1e3c70;">
El CEI ofrece cursos regulares (entre semana) y sabatinos, en ellos puedes estudiar las siguientes
lenguas:
</p>
</div>
</div>
</div>
</section>
<secion id="Contacto" class="d-flex align-items-center justify-content-center">
<div class="container">
<div class="row">
<div class="col-lg-3">
</div>
<div class="col-lg-9">
<div class="border-bottom">
<h3 style="color:#1e3c70"> Contacto</h3>
</div>
<p>
</p>
<table class="table"></table>
</div>
</div>
</div>
</secion>
<!-- End Hero -->
<main id="main">
@@ -105,20 +185,20 @@
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 footer-newsletter">
<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 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">
@@ -144,19 +224,21 @@
</ul>
</div>
<div class="col-lg-4 col-md-6">
<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.
<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>