From 5409e5aa807e01468d13492897d019705f5fde1c Mon Sep 17 00:00:00 2001
From: cidwa <cidwa@cidwa.cidwa>
Date: Fri, 13 Sep 2024 14:22:03 -0600
Subject: [PATCH] Ajustes de nav's y tab's

---
 cursos-de-computo/index.html | 266 ++++++++++++-----------------------
 1 file changed, 87 insertions(+), 179 deletions(-)
diff --git a/cursos-de-computo/index.html b/cursos-de-computo/index.html
index a0b46a5..84845bd 100644
--- a/cursos-de-computo/index.html
+++ b/cursos-de-computo/index.html
@@ -31,6 +31,7 @@
 
     <!-- Main CSS -->
     <link href="../assets/css/main.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../cursos-de-computo/assets/cursos-computo.css">
   </head>
 
   <body>
@@ -176,199 +177,106 @@
     <main id="main">
       <section
         id="Center"
-        class="d-flex align-items-center justify-content-center"
+        class="d-flex align-items-center justify-content-center flex-column pt-0"
       >
-      <div class="container-fluid">
-        <nav class="nav">
-          <ul>
-            <li>
-              <a id="convocatoria-tab" data-toggle="tab" role="tab" href="#convocatoria" class="nav-link active" aria-controls="convocatoria" aria-selected="true">
+        <div class="container-fluid">
+          <ul class="nav d-flex justify-content-between w-100">
+            <li class="nav-item">
+              <a
+                id="convocatoria-tab"
+                data-toggle="tab"
+                role="tab"
+                href="#convocatoria"
+                class="nav-link active"
+                aria-controls="convocatoria"
+                aria-selected="true"
+              >
                 Convocatoria
               </a>
-            </li> 
-            <li>
-              <a id="temario-tab" data-toggle="tab" role="tab" href="#temario" class="nav-link" aria-controls="temario" aria-selected="false">
+            </li>
+            <li class="nav-item">
+              <a
+                id="temario-tab"
+                data-toggle="tab"
+                role="tab"
+                href="#temario"
+                class="nav-link"
+                aria-controls="temario"
+                aria-selected="false"
+              >
                 Temario
               </a>
             </li>
-            <li>
-              <a id="registro-tab" data-toggle="tab" role="tab" href="#registro" class="nav-link" aria-controls="registro" aria-selected="false">
+            <li class="nav-item">
+              <a
+                id="registro-tab"
+                data-toggle="tab"
+                role="tab"
+                href="#registro"
+                class="nav-link"
+                aria-controls="registro"
+                aria-selected="false"
+              >
                 Registro
               </a>
-            </li><li>
-              <a id="avisos-tab" data-toggle="tab" role="tab" href="#avisos" class="nav-link" aria-controls="avisos" aria-selected="false">
+            </li>
+            <li class="nav-item">
+              <a
+                id="avisos-tab"
+                data-toggle="tab"
+                role="tab"
+                href="#avisos"
+                class="nav-link"
+                aria-controls="avisos"
+                aria-selected="false"
+              >
                 Avisos e informes
               </a>
             </li>
           </ul>
-        </nav>
-      </div>
+        </div>
         <div class="container">
           <div class="row">
-            <div class="col-12">
-              <h4>
-                LUNES A VIERNES: Del 30 de septiembre al 12 de octubre 2024
-              </h4>
-              <h5>2 hrs diarias</h5>
-            </div>
-            <div class="col-12 col-lg-3 d-flex">
-              <ul
-                class="nav d-flex d-lg-block contenedor list-unstyled"
-                id="myTab"
-                role="tablist"
+            <!-- Inicio de los tabs del nav -->
+            <div class="tab-content" id="myTabContent">
+              <!-- Incio del primer Tab -->
+              <div
+                class="tab-pane fade show active"
+                id="convocatoria"
+                role="tabpanel"
+                aria-labelledby="convocatoria-tab"
               >
-                <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>
-            <div class="col-12 col-lg-6">
-              <!-- Inicio de lo Tabs -->
-              <div class="tab-content" id="myTabContent">
-                <div
-                  class="tab-pane fade show active"
-                  id="home"
-                  role="tabpanel"
-                  aria-labelledby="home-tab"
-                >
-                  <table class="table">
-                    <thead>
-                      <th scope="col">CURSO Y HORARIO</th>
-                      <th scope="col">APORTACIÓN</th>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div> 
-                <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
-                  <table class="table">
-                    <thead>
-                      <th scope="col">CURSO Y HORARIO</th>
-                      <th scope="col">2 APORTACIÓN</th>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                      <tr>
-                        <td>col 1</td>
-                        <td>col 2</td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
+                <p>Tab de convocatoria</p>
+              </div>
+
+              <!-- Inicio del Tab de temario -->
+              <div
+                class="tab-pane fade"
+                id="temario"
+                role="tabpanel"
+                aria-labelledby="temario-tab"
+              >
+                <p>Contenido de Temario</p>
+              </div>
+
+              <!-- Inicio del Tab de registro -->
+              <div
+                class="tab-pane fade"
+                id="registro"
+                role="tabpanel"
+                aria-labelledby="registro-tab"
+              >
+                <p>Contenido de registro</p>
+              </div>
+
+              <!-- Inicio del Tab de avisos e informes -->
+              <div
+                class="tab-pane fade"
+                id="avisos"
+                role="tabpanel"
+                aria-labelledby="avisos-tab"
+              >
+                <p>Contenido de Temario</p>
               </div>
             </div>
           </div>
@@ -473,7 +381,7 @@
     <script src="../assets/Ext/aos/aos.js"></script>
 
     <!-- Main JS -->
-    <script src="../assets/js/main.js"></script> 
+    <script src="../assets/js/main.js"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
   </body>
 </html>

CURSO Y HORARIO	APORTACIÓN
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2
col 1	col 2