From aebcd3258f6451fbdd56dc720d0fa016d69d0c9f Mon Sep 17 00:00:00 2001
From: Duncan Zuriel Suriano <kattosg@localhost.localdomain>
Date: Wed, 4 Sep 2024 14:36:17 -0600
Subject: [PATCH] Fin de la vista de IDIOMAS

---
 idiomas/assets/css/idiomas.css |  22 +++++--
 idiomas/index.html             | 115 ++-------------------------------
 2 files changed, 23 insertions(+), 114 deletions(-)

diff --git a/idiomas/assets/css/idiomas.css b/idiomas/assets/css/idiomas.css
index cb3d79a..39f124f 100644
--- a/idiomas/assets/css/idiomas.css
+++ b/idiomas/assets/css/idiomas.css
@@ -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;
-}
\ No newline at end of file
+} 
+
+.pr {
+    padding-right: 30px;
+} 
+
diff --git a/idiomas/index.html b/idiomas/index.html
index f68f1d4..760f716 100644
--- a/idiomas/index.html
+++ b/idiomas/index.html
@@ -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>