Fin de la vista de IDIOMAS

This commit is contained in:
Duncan Zuriel Suriano
2024-09-04 14:36:17 -06:00
parent 983f2d5540
commit aebcd3258f
2 changed files with 23 additions and 114 deletions
+18 -4
View File
@@ -42,7 +42,7 @@
}
#idioma h2 span {
color: #bb8800;
color: #ffc451;
}
#idioma .icon-box {
@@ -173,6 +173,10 @@
background: #1e3c70;
border-color: #1e3c70;
color: #fff;
}
#myTab .active {
color: #1e3c70;
}
#Contacto .table th {
@@ -195,8 +199,9 @@
#Contacto .contenedor {
padding: 10px;
overflow-x: scroll;
overflow-x: scroll !important;
height: fit-content;
flex-wrap: nowrap !important;
}
#Contacto ul li {
@@ -209,7 +214,11 @@
/* border: 1px solid #000; */
width: fit-content;
padding: 10px !important;
color: #1e3c70;
color:#bb8800;
}
#tab-Contacto .active {
color:#1e3c70;
}
@media (max-width: 991px) {
@@ -245,4 +254,9 @@
height: 10px;
z-index: 999;
border: 1px solid #1e3c70;
}
}
.pr {
padding-right: 30px;
}
+5 -110
View File
@@ -71,7 +71,7 @@
<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">
<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"
@@ -79,7 +79,7 @@
<i class="bx bx-book-reader bx-flip-horizontal bx-md"></i>
Objetivo
</h3>
<div class="line">
<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.
@@ -132,7 +132,7 @@
<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">
<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
@@ -161,7 +161,7 @@
y leer, esta modalidad es tu opción.
</p>
</div>
<div class="col-lg-6 col-sm-12">
<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:
@@ -315,7 +315,7 @@
<div class="container">
<div class="row">
<div class="col-lg-3">
<ul class="d-flex d-lg-block contenedor list-unstyled">
<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">
@@ -472,111 +472,6 @@
</div>
<!-- Fin de los tabs -->
</div>
<!-- Prueba de tabs funcionales -->
<div class="container mt-4">
<div class="row">
<!-- Columna para las pestañas -->
<div class="col-md-3">
<ul class="nav nav-tabs flex-column" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="tab-one" data-bs-toggle="tab" href="#content-one" role="tab"
aria-controls="content-one" aria-selected="true">Pestaña Uno</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="tab-two" data-bs-toggle="tab" href="#content-two" role="tab"
aria-controls="content-two" aria-selected="false">Pestaña Dos</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="tab-three" data-bs-toggle="tab" href="#content-three" role="tab"
aria-controls="content-three" aria-selected="false">Pestaña Tres</a>
</li>
</ul>
</div>
<!-- Columna para el contenido de las pestañas -->
<div class="col-md-9">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="content-one" role="tabpanel" aria-labelledby="tab-one">
<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>
<div class="tab-pane fade" id="content-two" role="tabpanel" aria-labelledby="tab-two">
<h2>Contenido de la Pestaña Dos</h2>
<p>Este es el contenido de la segunda pestaña.</p>
</div>
<div class="tab-pane fade" id="content-three" role="tabpanel" aria-labelledby="tab-three">
<h2>Contenido de la Pestaña Tres</h2>
<p>Este es el contenido de la tercera pestaña.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Fin de la prueba de los tabs funcionales -->
</div>
</div>
</secion>