Ajustes de nav's y tab's
This commit is contained in:
cidwa
+87
-179
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user