From 5bd8497f37fa4e783e65533bc486597dbf35cbd9 Mon Sep 17 00:00:00 2001
From: Diego Moctezuma <mikitl@MacBook-Air-de-Diego.local>
Date: Sat, 17 Aug 2024 20:56:33 -0600
Subject: [PATCH] student profile styles update

---
 licenciaturas/assets/css/licenciaturas.css | 20 +++----
 licenciaturas/index.html                   | 67 +++++++++++++++++-----
 2 files changed, 63 insertions(+), 24 deletions(-)

diff --git a/licenciaturas/assets/css/licenciaturas.css b/licenciaturas/assets/css/licenciaturas.css
index d229e63..2dd2e37 100644
--- a/licenciaturas/assets/css/licenciaturas.css
+++ b/licenciaturas/assets/css/licenciaturas.css
@@ -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;
diff --git a/licenciaturas/index.html b/licenciaturas/index.html
index d5707af..3ca3ff3 100644
--- a/licenciaturas/index.html
+++ b/licenciaturas/index.html
@@ -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>