Arreglo de idiomas
This commit is contained in:
Duncan Zuriel Suriano
@@ -1,7 +1,74 @@
|
||||
#hero {
|
||||
background-image: none;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: linear-gradient(rgba(255, 255, 255, 0.000001), rgba(0, 0, 0, 0.7)), url("../css/img/cedetec.jpeg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#Center div .contenido-centrado {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hero .transparent-cart {
|
||||
padding: 1.7rem;
|
||||
background: rgba(128, 116, 116, 0.08);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#hero .transparent-cart ::after {
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 4px solid #bb8800;
|
||||
border-bottom: 4px solid #bb8800;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#hero .transparent-cart ::before{
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 4px solid #bb8800;
|
||||
border-top: 4px solid #bb8800;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#Center div .contenido-centrado{
|
||||
text-align: center;
|
||||
#hero .carousel h3 {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#hero .carousel h4 {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#hero .carousel p {
|
||||
color:black;
|
||||
}
|
||||
|
||||
#Center ul li a {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#Center .active {
|
||||
color: #1e3c70;
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
|
||||
#Center .b-ground {
|
||||
background: url("../../../assets/img/bg/solid.png");
|
||||
}
|
||||
|
||||
#Center table thead {
|
||||
color:#ffff;
|
||||
font-size: medium;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 286 KiB |
+265
-258
@@ -87,11 +87,11 @@
|
||||
<section id="hero" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
<div
|
||||
class="row justify-content-center"
|
||||
class="row justify-content-center align-items-center"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="col-12 col-md-6 transparent-cart">
|
||||
<h1>Cursos de Computo</h1>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
@@ -99,11 +99,11 @@
|
||||
id="carouselExampleControls"
|
||||
class="carousel slide"
|
||||
data-bs-ride="carousel"
|
||||
style="font-size: small;"
|
||||
>
|
||||
<div class="carousel-inner">
|
||||
<div
|
||||
class="carousel-item active"
|
||||
style="background-color: black"
|
||||
>
|
||||
<h3>¿Quiénes somos?</h3>
|
||||
<p>
|
||||
@@ -182,8 +182,8 @@
|
||||
id="Center"
|
||||
class="d-flex align-items-center justify-content-center flex-column pt-0"
|
||||
>
|
||||
<div class="container-fluid">
|
||||
<ul class="nav d-flex justify-content-between w-100">
|
||||
<div class="container-fluid b-ground">
|
||||
<ul class="nav d-flex justify-content-around w-100">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="convocatoria-tab"
|
||||
@@ -244,264 +244,271 @@
|
||||
<div class="tab-content mt-3" id="mainTab">
|
||||
<!-- Incio del primer Tab -->
|
||||
<div
|
||||
class="tab-pane fade show active d-flex"
|
||||
class="tab-pane fade show active"
|
||||
id="convocatoria"
|
||||
role="tabpanel"
|
||||
aria-labelledby="convocatoria-tab"
|
||||
>
|
||||
<!-- Nav de cursos -->
|
||||
<div class="col-12 col-md-4">
|
||||
<ul class="nav d-lg-block">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="regulares-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#regulares"
|
||||
class="nav-link active"
|
||||
aria-controls="regulares"
|
||||
aria-selected="true"
|
||||
>
|
||||
Cursos Regulares</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="sabatinos-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#sabatinos"
|
||||
class="nav-link"
|
||||
aria-controls="sabatinos"
|
||||
aria-selected="false"
|
||||
>Cursos Sabatinos</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 tab-content" id="cursosTab">
|
||||
<div
|
||||
class="tab-pane fade show active contenido-centrado"
|
||||
id="regulares"
|
||||
role="tabpanel"
|
||||
aria-labelledby="regulares-tab"
|
||||
>
|
||||
<div class="pt-2">
|
||||
<p class="mb-0 justify-content-center" style="color: #FFF; background-color: #1E3C70;">
|
||||
LUNES A VIERNES: Del 30 de septiembre al 12 de octubre
|
||||
2024 <br />
|
||||
2 hrs diarias
|
||||
</p>
|
||||
</div>
|
||||
<table class="table">
|
||||
<thead style="background-color: #1E3C70;">
|
||||
<th scope="col">CURSO Y HORARIO</th>
|
||||
<th scope="col">APORTACIÓN</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Intro. a la computación para 3era edad 20 hrs.
|
||||
<br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Word básico 20 hrs. <br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel básico 25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />
|
||||
EXUNAM: $ 2,870.00 <br />
|
||||
EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel avanzado 25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />
|
||||
EXUNAM: $ 2,870.00 <br />
|
||||
EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Power Query y Power Pivot en Excel 20 hrs. <br />
|
||||
19 a 21 hrs. (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server básico 20 hrs. <br />
|
||||
10 a 12 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Python básico – intermedio 20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Ciberdelitos ¡Para todos! 10 hrs. <br />
|
||||
17 a 19 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />
|
||||
EXUNAM: $ 1,147.50 <br />
|
||||
EXTERNO: $ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la programación 20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Análisis de datos con Python 20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Manejo de R en Python 20 hrs. 19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Niñas, niños y adolescentes en Ciberriesgo 10 hrs.
|
||||
<br />
|
||||
19 a 21 hrs (10 hrs en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />
|
||||
EXUNAM: $ 1,147.50 <br />
|
||||
EXTERNO: $ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="d-flex">
|
||||
<!-- Nav de cursos -->
|
||||
<div class="col-12 col-md-4">
|
||||
<ul class="nav d-lg-block">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="regulares-tab"
|
||||
data-toggle="tab"
|
||||
role="tablist"
|
||||
href="#regulares"
|
||||
class="nav-link active"
|
||||
aria-controls="regulares"
|
||||
aria-selected="true"
|
||||
>
|
||||
Cursos Regulares</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="sabatinos-tab"
|
||||
data-toggle="tab"
|
||||
role="tablist"
|
||||
href="#sabatinos"
|
||||
class="nav-link"
|
||||
aria-controls="sabatinos"
|
||||
aria-selected="false"
|
||||
>Cursos Sabatinos</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="sabatinos"
|
||||
role="tabpanel"
|
||||
aria-labelledby="sabatinos-tab"
|
||||
>
|
||||
<div>
|
||||
<p class="mb-0">Título 2</p>
|
||||
<!-- Contenido de tab de cursos -->
|
||||
<div class="col-12 col-md-8 tab-content" id="cursosTab">
|
||||
<div
|
||||
class="tab-pane fade show active contenido-centrado"
|
||||
id="regulares"
|
||||
role="tablist"
|
||||
aria-labelledby="regulares-tab"
|
||||
>
|
||||
<div class="pt-2">
|
||||
<p
|
||||
class="mb-0 justify-content-center"
|
||||
style="color: #fff; background-color: #1e3c70;"
|
||||
>
|
||||
LUNES A VIERNES: Del 30 de septiembre al 12 de octubre
|
||||
2024 <br />
|
||||
2 hrs diarias
|
||||
</p>
|
||||
</div>
|
||||
<table class="table">
|
||||
<thead style="background-color: #1e3c70">
|
||||
<th scope="col">CURSO Y HORARIO</th>
|
||||
<th scope="col">APORTACIÓN</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Intro. a la computación para 3era edad 20 hrs.
|
||||
<br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Word básico 20 hrs. <br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel básico 25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />
|
||||
EXUNAM: $ 2,870.00 <br />
|
||||
EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel avanzado 25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />
|
||||
EXUNAM: $ 2,870.00 <br />
|
||||
EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Power Query y Power Pivot en Excel 20 hrs. <br />
|
||||
19 a 21 hrs. (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server básico 20 hrs. <br />
|
||||
10 a 12 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Python básico – intermedio 20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Ciberdelitos ¡Para todos! 10 hrs. <br />
|
||||
17 a 19 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />
|
||||
EXUNAM: $ 1,147.50 <br />
|
||||
EXTERNO: $ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la programación 20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Análisis de datos con Python 20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Manejo de R en Python 20 hrs. 19 a 21 hrs (en
|
||||
línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Niñas, niños y adolescentes en Ciberriesgo 10 hrs.
|
||||
<br />
|
||||
19 a 21 hrs (10 hrs en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />
|
||||
EXUNAM: $ 1,147.50 <br />
|
||||
EXTERNO: $ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="sabatinos"
|
||||
role="tablist"
|
||||
aria-labelledby="sabatinos-tab"
|
||||
>
|
||||
<div>
|
||||
<p class="mb-0">Título 2</p>
|
||||
</div>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
@@ -635,7 +642,7 @@
|
||||
<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>
|
||||
<script src="../assets/Ext/aos/aos.js"></script>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
+194
-164
@@ -1,262 +1,292 @@
|
||||
#idioma {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../../assets/img/bg/alt-2.jpg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
|
||||
url("../../../assets/img/bg/alt-2.jpg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#idioma:before {
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#idioma .container {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#idioma h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
color: #1e3c70;
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#idioma h1 span {
|
||||
color: #bb8800;
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#idioma h2 {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
/* background-color: rgba(30, 60, 112, 0.8); */
|
||||
margin: 10px 0 0 0;
|
||||
font-size: 22px;
|
||||
padding: 4px;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
/* background-color: rgba(30, 60, 112, 0.8); */
|
||||
margin: 10px 0 0 0;
|
||||
font-size: 22px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#idioma h2 span {
|
||||
color: #ffc451;
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
#idioma .icon-box {
|
||||
/*padding: ;*/
|
||||
transition: ease-in-out 0.3s;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
text-align: center;
|
||||
height: 250px;
|
||||
/*padding: ;*/
|
||||
transition: ease-in-out 0.3s;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
text-align: center;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
#idioma .icon-box i {
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
color: #ffc451;
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 {
|
||||
font-weight: 700;
|
||||
margin-top: auto;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
background-color: rgba(187, 136, 0, 0.8);
|
||||
font-weight: 700;
|
||||
margin-top: auto;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
background-color: rgba(187, 136, 0, 0.8);
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 a {
|
||||
color: #fff;
|
||||
transition: ease-in-out 0.3s;
|
||||
color: #fff;
|
||||
transition: ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 a:hover {
|
||||
color: #1e3c70;
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#idioma .icon-box:hover {
|
||||
border-color: #1e3c70;
|
||||
border-color: #1e3c70;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
#idiomas {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
#idiomas {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#idiomas {
|
||||
height: 80vh;
|
||||
}
|
||||
#idiomas {
|
||||
height: 80vh;
|
||||
}
|
||||
|
||||
#idiomas h1 {
|
||||
font-size: 28px;
|
||||
line-height: 36px;
|
||||
}
|
||||
#idiomas h1 {
|
||||
font-size: 28px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
#idiomas h2 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#idiomas .navbar-toggler {
|
||||
font-size: 13px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
padding: 8px;
|
||||
}
|
||||
#idiomas h2 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#idiomas .navbar-toggler {
|
||||
font-size: 13px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
#idioma .text-container {
|
||||
padding: 3rem;
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
#idioma .transparent-cart {
|
||||
padding: 1.7rem;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
backdrop-filter: blur(3px);
|
||||
-webkit-backdrop-filter: blur(3px);
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
position: relative;
|
||||
}
|
||||
padding: 1.7rem;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
backdrop-filter: blur(3px);
|
||||
-webkit-backdrop-filter: blur(3px);
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#idioma .transparent-cart::before{
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 2px solid #1e3c70;
|
||||
border-top: 2px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
#idioma .transparent-cart::after{
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 2px solid #1e3c70;
|
||||
border-bottom: 2px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#idioma .transparent-cart::before {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 2px solid #1e3c70;
|
||||
border-top: 2px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#idioma .transparent-cart::after {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 2px solid #1e3c70;
|
||||
border-bottom: 2px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#idioma .cta-btn {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
padding: 4px 18px;
|
||||
display: inline-flex;
|
||||
border-radius: 18px;
|
||||
transition: 0.2s;
|
||||
margin-top: 10px;
|
||||
border: 2px solid #bb8800;
|
||||
color: #bb8800;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
padding: 4px 18px;
|
||||
display: inline-flex;
|
||||
border-radius: 18px;
|
||||
transition: 0.2s;
|
||||
margin-top: 10px;
|
||||
border: 2px solid #bb8800;
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#Centro ul li a {
|
||||
color: #bb8800;
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#idioma .cta-btn:hover {
|
||||
background: #1e3c70;
|
||||
border-color: #1e3c70;
|
||||
color: #fff;
|
||||
}
|
||||
background: #1e3c70;
|
||||
border-color: #1e3c70;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#myTab .active {
|
||||
color: #1e3c70;
|
||||
color: #bb8800;
|
||||
border-bottom: 1px solid #bb8800;
|
||||
}
|
||||
|
||||
#Contacto .table th {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
color: rgb(255, 255, 255);
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#Contacto .table tr td {
|
||||
color: #1e3c70;
|
||||
text-align: center;
|
||||
color: #1e3c70;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#Contacto .container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#Contacto .contenedor {
|
||||
padding: 10px;
|
||||
overflow-x: scroll !important;
|
||||
height: fit-content;
|
||||
flex-wrap: nowrap !important;
|
||||
padding: 10px;
|
||||
overflow-x: scroll !important;
|
||||
height: fit-content;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
#Contacto ul li {
|
||||
width: fit-content;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#Contacto ul li a {
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
/* border: 1px solid #000; */
|
||||
width: fit-content;
|
||||
padding: 10px !important;
|
||||
color:#bb8800;
|
||||
}
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
/* border: 1px solid #000; */
|
||||
width: auto;
|
||||
padding: 10px !important;
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#tab-Contacto .active {
|
||||
color:#1e3c70;
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
#Contacto div .contendor {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#Contacto div .contendor {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#Contacto .normal1 .nav-link {
|
||||
border: 0;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#Contacto .normal .nav-link.active {
|
||||
color: #fff;
|
||||
background: #048ad6;
|
||||
}
|
||||
|
||||
#Contacto .normal1 {
|
||||
display: ;
|
||||
height: 70px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.line ::before {
|
||||
content: "";
|
||||
background-color: #bb8800;
|
||||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 100%;
|
||||
left: -1rem;
|
||||
position: absolute;
|
||||
padding-top: 1rem;
|
||||
z-index: 400;
|
||||
content: "";
|
||||
background-color: #bb8800;
|
||||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 100%;
|
||||
left: -1rem;
|
||||
position: absolute;
|
||||
padding-top: 1rem;
|
||||
z-index: 400;
|
||||
}
|
||||
|
||||
.line ::after {
|
||||
content: "";
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -19px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
z-index: 999;
|
||||
border: 1px solid #1e3c70;
|
||||
}
|
||||
content: "";
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -19px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
z-index: 999;
|
||||
border: 1px solid #1e3c70;
|
||||
}
|
||||
|
||||
.pr {
|
||||
padding-right: 30px;
|
||||
}
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.pr p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
#Centro .pr p {
|
||||
text-align: justify;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
#idioma .pr h3 i {
|
||||
font-size: 28px;
|
||||
vertical-align: middle;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
+9
-6
@@ -80,7 +80,7 @@
|
||||
</div>
|
||||
</header>
|
||||
<!-- End Header -->
|
||||
device-width
|
||||
|
||||
|
||||
<main id="main">
|
||||
<!-- ======= Idioma Section ======= -->
|
||||
@@ -105,7 +105,7 @@
|
||||
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>
|
||||
<i class="bx bx-book-reader bx-flip-horizontal"></i>
|
||||
Objetivo
|
||||
</h3>
|
||||
<div class="line ms-3">
|
||||
@@ -173,7 +173,10 @@
|
||||
<!-- =========== Fin Idioma =========== -->
|
||||
|
||||
<!-- =========== Centro Section =========== -->
|
||||
<section id="Centro" class="d-flex align-items-center justify-content-center">
|
||||
<section
|
||||
id="Centro"
|
||||
class="d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 col-sm-12 line pr ms-4">
|
||||
@@ -421,7 +424,7 @@
|
||||
<div class="col-lg-3">
|
||||
<ul
|
||||
id="tab-Contacto"
|
||||
class="nav d-flex d-lg-block contenedor list-unstyled"
|
||||
class="nav nav-tabs flex-column normal1"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
@@ -598,8 +601,8 @@
|
||||
role="tabpanel"
|
||||
aria-labelledby="profile2-tab"
|
||||
>
|
||||
<p>Contenido del segundo tab</p>
|
||||
</div>
|
||||
<p>Contenido del segundo tab</p>
|
||||
</div>
|
||||
<!-- Fin del segundo tab -->
|
||||
|
||||
<!-- Inicio de tercer tab -->
|
||||
|
||||
Reference in New Issue
Block a user