CIDWA/fes_acatlan
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Se agrego seccion de contacto responsiva

Browse Source
This commit is contained in:
Hernandez Noguez Aldair
2024-08-26 21:27:44 -06:00
parent 734f4f4aa2
commit d363fdf66b
2 changed files with 92 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
idiomas/assets/css/idiomas.css
+67 -2
View File
@@ -135,8 +135,73 @@
color: #bb8800;
}
#idioma .cta-btn:hover {
#idioma .cta-btn:hover {
background: #1e3c70;
border-color: #1e3c70;
color: #fff;
}
}
#Contacto{
overflow: hidden!important;
}
#Contacto p{
text-align: justify!important;
}
#Contacto h1{
text-align: center !important;
font-size: 26px !important;
margin-bottom: 25px !important;
}
#Contacto .nav-tabs{
border: 0 !important;
}
#Contacto .section-title p {
width: 90% !important;
margin-bottom: 15px !important;
}
#Contacto .normal .nav-link {
border: 0 !important;
padding: 12px 15px 12px 0 !important;
transition: 0.3s !important;
color: #433f39 !important;
border-radius: 0 !important;
border-right: 2px solid #e8e7e4 !important;
font-weight: 600 !important;
font-size: 15px !important;
text-align: left !important;
}
#Contacto .nav-link:hover {
color: #0583cf !important;
}
#Contacto .nav-link.active {
color: #1e3c70 !important;
border-color: #1e3c70 !important;
}
#Contacto .normal .tab-pane.active {
-webkit-animation: fadeIn 0.5s ease-out !important;
animation: fadeIn 0.5s ease-out !important;
}
#Contacto .details h3 {
font-size: 26px !important;
font-weight: 600 !important;
margin-bottom: 20px !important;
color: #433f39 !important;
}
#Contacto .details p {
color: #777777 !important;
}
@media (max-width: 992px) {
.Contacto .normal .nav-link {
border: 0 !important;
padding: 15px !important;
}
.Contacto .normal .nav-link.active {
color: #fff !important;
background: #048ad6 !important;
}
.normal {
display: flexbox;
height: 70px !important;
overflow: auto !important;
}
}
idiomas/index.html
+25 -3
View File
@@ -155,11 +155,33 @@
</div>
</section>
<secion id="Contacto" class="d-flex align-items-center justify-content-center">
<section id="Contacto" class="d-flex align-items-center justify-content-center">
<div class="container">
<div class="row">
<div class="col-lg-3">
<ul class="nav nav-tabs flex-column normal">
<li class="nav-item">
<a class="nav-link show" data-toggle="tab" href="">Nuestros Idiomas</a>
</li>
<li class="nav-item">
<a class="nav-link show" data-toggle="tab" href="">Cuotas</a>
</li>
<li class="nav-item">
<a class="nav-link show" data-toggle="tab" href="">Excención y cuota preferencial</a>
</li>
<li class="nav-item">
<a class="nav-link show" data-toggle="tab" href="">Trámites</a>
</li>
<li class="nav-item">
<a class="nav-link show" data-toggle="tab" href="">Exámenes de requisito</a>
</li>
<li class="nav-item">
<a class="nav-link show" data-toggle="tab" href="">Traducciones</a>
</li>
<li class="nav-item">
<a class="nav-link show" data-toggle="tab" href="">Contacto</a>
</li>
</ul>
</div>
<div class="col-lg-9">
<div class="border-bottom">
@@ -172,7 +194,7 @@
</div>
</div>
</div>
</secion>
</section>
<!-- End Hero -->
<main id="main">