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

Contact career style update

Browse Source
This commit is contained in:
Diego Moctezuma
2024-08-17 20:03:08 -06:00
parent 3fe21702ca
commit 0a0b242da7
2 changed files with 45 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
licenciaturas/assets/css/licenciaturas.css
+28
View File
@@ -28,6 +28,7 @@ main
margin-bottom: 20px;
}
/* Time line */
.time-line{
list-style: none;
position: relative;
@@ -58,6 +59,33 @@ main
font-weight: bold;
}
/* Contact */
.contact{
position: relative;
}
.contact-wrapper::before{
content: '';
display: inline-block;
border-top: 3px solid #252d3f;
border-left: 3px solid #252d3f;
width: 50px;
height: 50px;
position: absolute;
top: 10px;
left: 10px;
}
.contact-wrapper::after{
content: '';
display: inline-block;
position: absolute;
border-bottom: 3px solid #252d3f;
border-right: 3px solid #252d3f;
width: 50px;
height: 50px;
bottom: 10px;
right: 10px;
}
.dropdowm{
max-width: 200px;
}
licenciaturas/index.html
+17 -11
View File
@@ -126,27 +126,33 @@
<!-- Contacto -->
<div
class="justify-content-center col-11"
class="justify-content-center col-6 contact"
data-aos="fade-up"
data-aos-delay="150"
>
<div class="col-6 bg-light bg-opacity-50 rounded-3 text-start p-5">
<h5 class="mb-3"><strong>Contacto</strong></h5>
<div class="col-12 bg-light bg-opacity-50 rounded-3 text-start p-5 contact-wrapper">
<h5 class="mb-3">
<i class='bx bxs-user-rectangle bx-sm'></i>
<strong>Contacto</strong>
</h5>
<ul class="style-none">
<li>Lorem, ipsum dolor.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem, ipsum.<a href="#">Lorem, ipsum.</a></li>
<li>Jefatura del Programa de Actuaría</li>
<li>Edificio A-2, planta baja</li>
<li>Teléfono y fax: 5623-1746</li>
<li>Correo electronico:<a href="#"> actuaria@acatlan.unam.mx</a></li>
</ul>
<h6><strong> ipsum dolor sit amet.</strong></h6>
<h6><strong> Requisitos para obtener el titulo</strong></h6>
<i>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aut
Los requisitos para obtener el titulo varían de acuerdo al Programa cursado
Favor de acudir al programa correspondiente para obtener mayor información.
</i>
<h6><strong> ipsum dolor sit.</strong></h6>
<h6 class="mt-2"><strong>Opciones de titulación</strong></h6>
<i>
Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet consectetur
Las opciones de titulación varían de acuerdo al Programa cursado. Favor de acudir al programa correspondiente
para obtener mayor información.
</i>
</div>
</div>