Files
fes_acatlan/idiomas/index.html
T
2024-09-12 14:34:59 -06:00

797 lines
29 KiB
HTML

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<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" />
<!-- Ext CSS -->
<link
href="../assets/Ext/bootstrap/css/bootstrap.min.css"
rel="stylesheet"
/>
<link href="../assets/Ext/icofont/icofont.min.css" rel="stylesheet" />
<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"
/>
<!-- Main CSS -->
<link href="../assets/css/main.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/idiomas.css" />
</head>
<body>
<!-- ======= Header ======= -->
<!--<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>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li><a href="#">Normatividad</a></li>
<li><a href="#">Tienda Acatlán</a></li>
</ul>
</nav>
<!-- .nav-menu -->
</div>
<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>
</ul>
</nav>
<!-- .nav-menu -->
</div>
</header>
<!-- End Header -->
device-width
<main id="main">
<!-- ======= Idioma Section ======= -->
<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 pr">
<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
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 ms-3">
<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; text-align: left">
<i class="bx bx-world"></i>
Convocatoria
</h5>
<div class="border-top">
<h6 style="color: rgb(255, 255, 255); text-align: justify">
<i class="bx bxs-time-five" style="color: #ffc115"></i>
INSCRIPCIONES Y REINSCRIPCIONES CURSOS SABATINOS
</h6>
<p class="m-0" style="color: #ffc115; 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 class="border-top">
<h6 style="color: rgb(255, 255, 255); text-align: justify">
<i class="bx bxs-time-five" style="color: #ffc115"></i>
Ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis auteirure dolor in reprehenderit in voluptate
</h6>
<p
class=""
style="
color: #ffc115;
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>
<!-- =========== Fin Idioma =========== -->
<!-- =========== Centro Section =========== -->
<section id="Centro" class="d-flex align-items-center justify-content-center">
<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-12 line pr ms-4">
<h5 style="color: #bb8800; font-weight: 700">
<i class="bx bx-world" style="color: #111110"></i>
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 ps-4">
<p style="color: #1e3c70">
El CEI ofrece cursos regulares (entre semana) y sabatinos, en
ellos puedes estudiar las siguientes lenguas:
</p>
<!-- nav de cursos -->
<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>
<!-- Fin del nav de cursos -->
<!-- Inicio de los tabs para cursos -->
<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>
<!-- Fin del primer tab para cursos -->
<!-- Inicio del segundo tab para cursos -->
<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>
<!-- Fin del segundo tab para cursos -->
</div>
<!-- Fin de los tabs para cursos -->
</div>
</div>
</div>
</section>
<!-- ========== Section Contacto ========== -->
<secion
id="Contacto"
class="d-flex align-items-center justify-content-center"
>
<div class="container">
<div class="row">
<div class="col-lg-3">
<ul
id="tab-Contacto"
class="nav d-flex d-lg-block contenedor list-unstyled"
>
<li class="nav-item">
<a
class="nav-link active"
id="home2-tab"
data-toggle="tab"
href="#home2"
role="tab"
aria-controls="home2"
aria-selected="true"
>
Contacto
</a>
</li>
<li class="nav-item">
<a
class="nav-link"
id="profile2-tab"
data-toggle="tab"
href="#profile2"
role="tab"
aria-controls="profile2"
aria-selected="false"
>
Nuestros Idiomas
</a>
</li>
<li class="nav-item">
<a
class="nav-link"
id="profile3-tab"
data-toggle="tab"
href="#profile3"
role="tab"
aria-controls="profile3"
aria-selected="false"
>
Cuotas
</a>
</li>
<li class="nav-item">
<a
class="nav-link"
id="profile4-tab"
data-toggle="tab"
href="#profile4"
role="tab"
aria-controls="profile4"
aria-selected="false"
>
Excención y Cuota Preferenciales
</a>
</li>
<li class="nav-item">
<a
class="nav-link"
id="profile5-tab"
data-toggle="tab"
href="#profile5"
role="tab"
aria-controls="profile5"
aria-selected="false"
>
Trámites
</a>
</li>
<li class="nav-item">
<a
class="nav-link"
id="profile6-tab"
data-toggle="tab"
href="#profile6"
role="tab"
aria-controls="profile6"
aria-selected="false"
>
Exámen de Requisito
</a>
</li>
<li class="nav-item">
<a
class="nav-link"
id="profile7-tab"
data-toggle="tab"
href="#profile7"
role="tab"
aria-controls="profile7"
aria-selected="false"
>
Traducciones
</a>
</li>
</ul>
</div>
<div class="col-lg-9">
<!-- Inicio de los tabs -->
<div class="tab-content mt-2" id="myTabContent">
<!-- Inicio del primer tab -->
<div
class="tab-pane fade show active"
id="home2"
role="tabpanel"
aria-labelledby="home2-tab"
>
<div class="border-bottom">
<h3 style="color: #1e3c70">Contacto</h3>
</div>
<p style="color: #1e3c70">
En caso de duadas o más información relacionados con tu
idioma, contacta con con el área de tu interés:
</p>
<table class="table">
<thead>
<tr>
<th scope="col">Área</th>
<th scope="col">Contacto</th>
</tr>
</thead>
<tbody class="table-group-divider">
<tr>
<td>Alemán y Ruso</td>
<td>aleman@acatlan.unam.mx</td>
</tr>
<tr>
<td>Árabe, Chino, Coreano y Japonés</td>
<td>espanol@acatlan.unam.mx</td>
</tr>
<tr>
<td>Francés</td>
<td>
frances@acatlan.unam.mx
<br />
WhatsApp: 5540936804
</td>
</tr>
<tr>
<td>Inglés</td>
<td>
ingles@acatlan.unam.mx
<br />
deptoingles@acatlan.unam.mx
</td>
</tr>
<tr>
<td>Italiano y Latín</td>
<td>
italiano@acatlan.unam.mx
<br />
WhatsApp: 5549266745
</td>
</tr>
<tr>
<td>Finés y Portugués</td>
<td>portugues@acatlan.unam.mx</td>
</tr>
<tr>
<td>
Registro y Certificación del
<br />
Centro de Enseñanzas de Idiomas
</td>
<td>registro@acatlan.unam.mx</td>
</tr>
</tbody>
</table>
</div>
<!-- Fin del primer tab -->
<!-- Inicio del segundo tab -->
<div
class="tab-pane fade"
id="profile2"
role="tabpanel"
aria-labelledby="profile2-tab"
>
<p>Contenido del segundo tab</p>
</div>
<!-- Fin del segundo tab -->
<!-- Inicio de tercer tab -->
<div
class="tab-pane fade"
id="profile3"
role="tabpanel"
aria-labelledby="profile3-tab"
>
<p>Contenido del tercer tab</p>
</div>
<!-- Fin del tercer tab -->
<!-- Inicio del cuarto tab -->
<div
class="tab-pane fade"
id="profile4"
role="tabpanel"
aria-labelledby="profile4-tab"
>
<p>Contenido del segundo tab</p>
</div>
<!-- Fin del cuarto tab -->
<!-- Inicio de quinto tab -->
<div
class="tab-pane fade"
id="profile5"
role="tabpanel"
aria-labelledby="profile5-tab"
>
<p>Contenido del tercer tab</p>
</div>
<!-- Fin del quinto tab -->
<!-- Inicio del sexto tab -->
<div
class="tab-pane fade"
id="profile6"
role="tabpanel"
aria-labelledby="profile6-tab"
>
<p>Contenido del segundo tab</p>
</div>
<!-- Fin del sexto tab -->
<!-- Inicio de septimo tab -->
<div
class="tab-pane fade"
id="profile7"
role="tabpanel"
aria-labelledby="profile7-tab"
>
<p>Contenido del tercer tab</p>
</div>
<!-- Fin del septimo tab -->
</div>
<!-- Fin de los tabs -->
</div>
</div>
</div>
</secion>
<!-- ========== Fin Contacto ========== -->
</main>
<!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<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>
<div class="col-lg-2 col-md-6 footer-links">
<h4>Sitios de Interes</h4>
<ul>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
</li>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
</li>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
</li>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
</li>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-5</a>
</li>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-6</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-6 footer-links">
<h4>Conoce más</h4>
<ul>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
</li>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
</li>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
</li>
<li>
<i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
</li>
</ul>
</div>
<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.
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
<!-- Ext JS -->
<script src="../assets/Ext/jquery/jquery.min.js"></script>
<script src="../assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../assets/Ext/jquery.easing/jquery.easing.min.js"></script>
<script src="../assets/Ext/owl.carousel/owl.carousel.min.js"></script>
<script src="../assets/Ext/aos/aos.js"></script>
<!-- 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>
<!-- <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> -->