add image sorjuana

conoce-la-fes/assets/css/conoce-la-fes.css

@@ -3,19 +3,25 @@ main
 ========== */
 #main {
   width: 100%;
-  background: url("../../../assets/img/bg/alt-1.jpg")fixed top center;
+  background: url("../../../assets/img/bg/alt-1.jpg") fixed top center;
   background-size: cover;
   position: relative;
 }
-.image-sorjuana {
-  width: 200px;
-  height: 200px;
-  background-image: url('https://www.acatlan.unam.mx/images/fes_02.jpg');
+.container-image-sorjuana {
+  width: 250px;
+  height: 250px;
   background-size: cover;
   background-position: center;
-  border-radius: 1rem;
   transform: rotate(45deg);
-  z-index: 1000;
+  border-radius: 1.5rem;
+  position: relative;
+  left: -40px;
+  overflow: hidden;
+}
+.image-sorjuana {
+  width: 700px;
+  transform: rotate(270deg) translateX(-125px) translateY(-220px);
+  object-fit: cover;
 }
 #main:before {
   content: "";
@@ -30,8 +36,8 @@ main
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: space-between;
   position: relative;
-  text-align: center;
   gap: 20px;
 }
 #main h1 {
@@ -40,8 +46,19 @@ main
   line-height: 40px;
   color: #1e3c70;
 }
-.header{
+.header {
   margin-top: 15%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+}
+.header .title {
+  text-align: start;
+  padding-left: 10px;
+}
+.header .title h4 {
+  color: darkgoldenrod;
 }
 .information {
   display: flex;
@@ -61,8 +78,8 @@ main
   padding: 10px;
   list-style: none;
   display: flex;
-  gap: 10px; 
-  justify-content: center; 
+  gap: 10px;
+  justify-content: center;
   border-radius: 8px;
   max-width: 50%;
   z-index: 9;
@@ -80,7 +97,7 @@ main
   text-align: left;
   padding: 20px;
 }
-.juramento{
+.juramento {
   border-radius: 1rem;
   width: 90%;
   background-color: #ffffff6b;
@@ -105,7 +122,7 @@ main
   text-align: left;
   padding: 20px;
 }
-.valores{
+.valores {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -117,15 +134,15 @@ main
   padding: 40px;
   z-index: 10;
 }
-.ideario-institucional{
+.ideario-institucional {
   display: flex;
   justify-content: center;
   gap: 20px;
   flex-wrap: wrap;
 }
-#ideario{
+#ideario {
   width: 100%;
-  background: url("../../../assets/img/bg/_DSC2981.jpg")fixed top center;
+  background: url("../../../assets/img/bg/_DSC2981.jpg") fixed top center;
   background-size: cover;
   position: relative;
   padding: 20px;
@@ -152,7 +169,7 @@ main
   #main {
     background-attachment: fixed;
   }
-  .ideario-institucional{
+  .ideario-institucional {
     flex-wrap: nowrap;
   }
 }
@@ -168,4 +185,11 @@ main
     font-size: 20px;
     line-height: 24px;
   }
+  .container-image-sorjuana {
+    width: 200px;
+    height: 200px;
+  }
+  .image-sorjuana {
+    width: 500px;
+  }
 }

conoce-la-fes/index.html

@@ -83,9 +83,15 @@
     <!-- ======= Main Section ======= -->
     <main id="main">
       <div class="container" data-aos="fade-up">
-        <div class="d-flex header">
-          <div class="image-sorjuana"></div>
-          <div>
+        <div class="header ">
+          <div class="container-image-sorjuana">
+            <img
+              class="image-sorjuana"
+              src="https://www.acatlan.unam.mx/images/fes_02.jpg"
+              alt=""
+            />
+          </div>
+          <div class="title">
             <h1>Conoce la</h1>
             <h4>Facultad de estudios Superiores Acatlan</h4>
           </div>
@@ -178,51 +184,55 @@
         </div>
       </div>
       <div class="valores">
-        <div class="valores-container"></div>
         <h1 class="d-flex justify-content-center">Valores</h1>
 
-        <div>
-          <p>
-            El Plan de Desarrollo Institucional de nuestra Facultad se erige
-            sobre un conjunto de principios y valores que caracterizan el
-            quehacer universitario:
-          </p>
-          <ul>
-            <li>
-              Respeto a la autonomía universitaria y a los principios que de
-              ella emanan.
-            </li>
-            <li>Gestión eficiente, transparente y participativa.</li>
-            <li>
-              Honestidad y responsabilidad en el uso y aprovechamiento del
-              patrimonio universitario en beneficio de toda la comunidad.
-            </li>
-            <li>
-              Responsabilidad social y ambiental en las actividades cotidianas.
-            </li>
-            <li>
-              Compromiso social y nacional para contribuir al desarrollo y
-              mejoramiento de las condiciones de vida.
-            </li>
-            <li>Evaluación y mejoramiento institucional permanente.</li>
-            <li>
-              Posicionamiento del alumnado y el personal docente como actores
-              centrales de la actividad universitaria.
-            </li>
-            <li>
-              Promoción de la convivencia mediante el ejercicio del diálogo, el
-              respeto y la libertad, tanto dentro como fuera de la Universidad.
-            </li>
-            <li>
-              Reconocimiento de la diversidad humana y la pluralidad como
-              agentes que otorgan dinamismo y revitalizan la vida universitaria.
-            </li>
-            <li>
-              Aprovechamiento asiduo de los avances tecnológicos en beneficio de
-              la gestión institucional y las actividades de docencia,
-              investigación y extensión de la cultura.
-            </li>
-          </ul>
+        <div class="valores-container">
+          <div>
+            <p>
+              El Plan de Desarrollo Institucional de nuestra Facultad se erige
+              sobre un conjunto de principios y valores que caracterizan el
+              quehacer universitario:
+            </p>
+            <ul>
+              <li>
+                Respeto a la autonomía universitaria y a los principios que de
+                ella emanan.
+              </li>
+              <li>Gestión eficiente, transparente y participativa.</li>
+              <li>
+                Honestidad y responsabilidad en el uso y aprovechamiento del
+                patrimonio universitario en beneficio de toda la comunidad.
+              </li>
+              <li>
+                Responsabilidad social y ambiental en las actividades
+                cotidianas.
+              </li>
+              <li>
+                Compromiso social y nacional para contribuir al desarrollo y
+                mejoramiento de las condiciones de vida.
+              </li>
+              <li>Evaluación y mejoramiento institucional permanente.</li>
+              <li>
+                Posicionamiento del alumnado y el personal docente como actores
+                centrales de la actividad universitaria.
+              </li>
+              <li>
+                Promoción de la convivencia mediante el ejercicio del diálogo,
+                el respeto y la libertad, tanto dentro como fuera de la
+                Universidad.
+              </li>
+              <li>
+                Reconocimiento de la diversidad humana y la pluralidad como
+                agentes que otorgan dinamismo y revitalizan la vida
+                universitaria.
+              </li>
+              <li>
+                Aprovechamiento asiduo de los avances tecnológicos en beneficio
+                de la gestión institucional y las actividades de docencia,
+                investigación y extensión de la cultura.
+              </li>
+            </ul>
+          </div>
         </div>
       </div>
     </main>