Files
fes_acatlan/idiomas/index.html
T
Duncan Zuriel Suriano aebcd3258f Fin de la vista de IDIOMAS
2024-09-04 14:36:17 -06:00

594 lines
24 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 -->
<!-- ======= 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-6 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 id="main">
</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> -->