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

student profile styles update

Browse Source
This commit is contained in:
Diego Moctezuma
2024-08-17 20:56:33 -06:00
parent 0a0b242da7
commit 5bd8497f37
2 changed files with 63 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
licenciaturas/assets/css/licenciaturas.css
+9 -11
View File
@@ -46,12 +46,13 @@ main
.time-line > li::before{
content: '';
background: #fff;
border: 3px solid #252d3f;
display: inline-block;
position: absolute;
border-radius: 50%;
left: 15px;
width: 15px;
height: 15px;
left: 13px;
width: 20px;
height: 20px;
z-index: 400;
}
.enfasis{
@@ -89,15 +90,12 @@ main
.dropdowm{
max-width: 200px;
}
.info {
display: flex;
justify-content: space-evenly;
margin: 50px;
gap: 20px;
}
.info div {
width: 500px;
/* Info estudiante / profesional */
.ul-points{
list-style: none;
}
.mainfooter {
display: flex;
flex-direction: column;
licenciaturas/index.html
+54 -13
View File
@@ -159,23 +159,64 @@
</div>
<!-- Perfil - Caracteristicas -->
<div class="mainfooter">
<div class="info">
<div>
<h5>Perfil profesional</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta repellat culpa repellendus nostrum incidunt! Voluptatibus, repellendus ex ullam aliquid inventore saepe modi explicabo labore quos officia hic quis, consequatur omnis?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos porro optio minima et natus velit, tempore distinctio molestias dolor fuga nam ratione, quas beatae nemo.</p>
<div class="d-flex justify-content-evenly mt-5">
<!-- Perfil -->
<div class="col-5">
<h5 class="d-flex align-items-center gap-1">
<i class='bx bx-book-reader bx-flip-horizontal bx-sm'></i>
Perfil del profesionalista
</h5>
<ul class="time-line">
<li class="ps-2">
<p>
Es necesario haber cursado en el bachillerato el Área de las Ciencias Físico-Matemáticas y de las Ingenierías,
por lo que necesitará de sólidos conocimientos en álgebra, cálculo diferencial e integral y geometría analítica,
también es importante que sepa manejar programas de computación, procesadores de texto y hojas de cálculo, entre otros.
</p>
<p>
Debido a que en el ejercicio de la profesión el actuario permanece sujeto a largos periodos de concentración y trabajo,
es importante contar con buena salud y capacidad de resistencia a tensión mental de manera frecuente. De igual modo, sus
habilidades e intereses por las matemáticas deberán identificarse con una o más áreas de aplicación.
</p>
</li>
</ul>
</div>
<div>
<h5>Caracteristicas y habilidades del estudiante</h5>
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam?</li>
<li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Debitis!</li>
<li>Lorem ipsum dolor sit amet consectetur.</li>
<li>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sunt nulla vel nesciunt?</li>
<!-- Caracteristicas -->
<div class="col-5">
<h5 class="d-flex align-items-center gap-1">
<i class='bx bx-book-reader bx-flip-horizontal bx-sm'></i>
Características y habilidades del estudiante
</h5>
<ul class="time-line">
<li class="ps-2">
Es importante que el aspirante posea:
<ul class="d-flex flex-column gap-2 mt-2">
<li class="ul-points d-flex align-items-start ">
<i class='bx bx-chevron-right bx-sm'></i>
Capacidad para la concentración y el trabajo durante largos periodos de tiempo.
</li>
<li class="ul-points d-flex align-items-start">
<i class='bx bx-chevron-right bx-sm'></i>
Tenacidad y perseverancia para el analísis y solución de problemas.
</li>
<li class="ul-points d-flex align-items-start">
<i class='bx bx-chevron-right bx-sm'></i>
Capacidad para organizar su tiempo y actividades.
</li>
<li class="ul-points d-flex align-items-start">
<i class='bx bx-chevron-right bx-sm'></i>
Creatividad y marcado gusto por el estudio.
</li>
<li class="ul-points d-flex align-items-start">
<i class='bx bx-chevron-right bx-sm'></i>
Interés profundo en la aplicación de los conocimientos a problemas reales.
</li>
</ul>
</li>
</ul>
</div>