actualizacion de rama

This commit is contained in:
2024-09-01 22:25:23 -06:00
parent 8ab49cf785
commit fbf733c0b0
2 changed files with 249 additions and 53 deletions
+50 -2
View File
@@ -133,13 +133,33 @@
margin-top: 10px;
border: 2px solid #bb8800;
color: #bb8800;
}
}
#Centro ul li a {
color: #bb8800;
}
#idioma .cta-btn:hover {
background: #1e3c70;
border-color: #1e3c70;
color: #fff;
}
#Contacto .table th {
text-align: center;
background-color: #1e3c70;
color: rgb(255, 255, 255);
}
#Contacto .table tr td {
color: #1e3c70;
text-align: center;
}
#Contacto .container {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
#Contacto{
overflow: hidden!important;
}
@@ -204,4 +224,32 @@
overflow: auto !important;
}
}
.line {
position: relative;
}
.line ::before {
content: "";
background-color: #bb8800;
display: inline-block;
width: 3px;
height: 100%;
left: -1rem;
position: absolute;
padding-top: 1rem;
z-index: 400;
}
.line ::after {
content: "";
background-color: #fff;
border-radius: 50%;
position: absolute;
top: 0;
left: -19px;
width: 10px;
height: 10px;
z-index: 999;
border: 1px solid #1e3c70;
}
+199 -51
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">
@@ -25,7 +25,7 @@
<!-- Main CSS -->
<link href="../assets/css/main.css" rel="stylesheet">
<link href="assets/css/idiomas.css" rel="stylesheet" >
<link rel="stylesheet" href="assets/css/idiomas.css">
</head>
<body>
@@ -74,26 +74,34 @@
<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>
<h3 class="text-white d-flex aling-items-center gap_1 pt-3"
style="color: rgba(255, 255, 255); text-align: justify;">
<i class="bx bx-book-reader bx-flip-horizontal bx-md"></i>
Objetivo
</h3>
<div class="line">
<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>
<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>
<h5 style="color: #1e3c70; 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>
<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.
Lorem ipsum dolor sit amet, consectetur adipinscing elit.
</p>
<p style="text-align: right;">
<a class="cta-btn" href="#">Ver más</a>
</p>
</p>
</div>
<div class="border-top">
<h6 style="color: rgb(255, 255, 255); text-align: justify;">
@@ -101,14 +109,16 @@
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>
Lorem ipsum dolor sit amet, consectetur adipinscing elit.
</p>
<p style="text-align: right;">
<a class="cta-btn" href="#">Ver más</a>
</p>
</p>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
@@ -119,27 +129,27 @@
<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">
<div class="col-lg-6 col-sm-12 line">
<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>
<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
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>
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
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>
<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.
@@ -147,29 +157,138 @@
</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:
El CEI ofrece cursos regulares (entre semana) y sabatinos, en ellos puedes estudiar las siguientes
lenguas:
</p>
<div class="tab-content">
<ul class="nav justify-content-center">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#" style="text-align: center;">
Cursos Regulares
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="text-align: center;">
Cursos Sabatinos
</a>
</li>
</ul>
<div class="tab-pane fade show active" id="home" role="tabpanel">
<p></p>
<ul class="nav tabs justify-content-center" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
aria-selected="true">
Cursos Regulares
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile"
aria-selected="false">
Sabatinos
</a>
</li>
</ul>
<div class="tab-content mt-2" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<p style="color: black;">
<b>
alemán, árabe, chino, español para extranjeros, francés, griego clásico, Hñähñu (otomí),
inglés, italiano, japonés, latín, náhuatl, portugués, ruso.
</b>
</p>
<p style="color: rgb(43, 42, 42);">
Se abren dos convocatorias al año cercanas a las siguientes fechas:
</p>
<ul>
<li style="color: black;">
<p style="color: rgb(43, 42, 42)">
<b>Cursos de febrero:</b> se publica a mediados del mes de enero.
</p>
</li>
<li style="color: black;">
<p style="color: rgb(43, 42, 42)">
<b>Cursos de agosto:</b> se publica a finales del mes de junio.
</p>
</li>
</ul>
<p style="color: rgb(43, 42, 42);">
Se imparten cursos de Plan Global, Comprensión Lectora y
algunos cursos de cultura y aspectos de la Lengua.
<br> <br>
Generalmente se imparten cuatro horas de clase a la semana, dividida en dos días;
o bien, el día viernes cuatro horas (PG) o seis horas (CL).
<br> <br>
<b>
Para mayor información, revisa la convocatoria en la sección Isncripción Cursos Regulares.
</b>
</p>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel">
<p></p>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<p style="color: black;">
<b>
alemán, chino, coreano, finés, francés, inglés, italiano, japonés, latín, portugués y ruso.
</b>
</p>
<p style="color: rgb(43, 42, 42);">
Se abren tres convocatorias al año cercanas a las siguientes fechas:
</p>
<ul>
<li style="color: black;">
<p style="color: rgb(43, 42, 42)">
<b>Cursos en enero:</b> se publica a finales del mes de noviembre.
</p>
</li>
<li style="color: black;">
<p style="color: rgb(43, 42, 42)">
<b>Cursos en abril:</b> se publica a mediados del mes de marzo.
</p>
</li>
<li style="color: black;">
<p style="color: rgb(43, 42, 42)">
<b>Cursos en agosto:</b> se publica a finales del mes de junio.
</p>
</li>
</ul>
<br>
<p style="color: rgb(43, 42, 42)">
Generalmente son:
</p>
<ul style="color: black;">
<li>
<p style="color: rgb(43, 42, 42)">Cursos de 12 sábados: </p>
<ul>
<li>
<p style="color: rgb(43, 42, 42)">
Matutinos de 9:00 a 13:00 horas.
</p>
</li>
<li>
<p style="color: rgb(43, 42, 42)">
Vespertinos de 14:00 a 18:00 horas.
</p>
</li>
<li>
<p style="color: rgb(43, 42, 42)">
CL intensivo: 9:00 a 16:00 hrs.
</p>
</li>
</ul>
</li>
</ul>
<ul style="color: black;">
<li>
<p style="color: rgb(43, 42, 42)">Cursos de 11 sábados: </p>
<ul>
<li>
<p style="color: rgb(43, 42, 42)">
Matutinos de 9:00 a 13:30 horas.
</p>
</li>
<li>
<p style="color: rgb(43, 42, 42)">
Vespertinos de 14:00 a 18:30 horas.
</p>
</li>
<li>
<p style="color: rgb(43, 42, 42)">
CL intensivo: 9:00 a 16:30 hrs.
</p>
</li>
</ul>
</li>
</ul>
<p style="color: rgb(43, 42, 42)">
<b>
Para mayor información, revisa la convocatoria en la sección Isncripción Cursos Sabatinos.
</b>
</p>
</div>
</div>
</div>
</div>
@@ -358,7 +477,36 @@
<!-- Main JS -->
<script src="../assets/js/main.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
</html>
<!-- <section class="container">
<div class="row">
<div class="col-12 col-lg-6"></div>
<div class="col-12 col-lg-6">
<ul class="nav tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
aria-selected="true">Cursos Regulares</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile"
aria-selected="false">Sabatinos</a>
</li>
</ul>
<div class="tab-content mt-2" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<h4>Contenido de Tab 1</h4>
<p>Este es el contenido que aparece cuando seleccionas la primera pestaña.</p>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<h4>Contenido de Tab 2</h4>
<p>Este es el contenido que aparece cuando seleccionas la segunda pestaña.</p>
</div>
</div>
</div>
</div>
</section> -->