se crea section de formacion

assets/css/section_training/container_training.css

@@ -0,0 +1,26 @@
+.container-training {
+    background-image: url(../../images/patter_services.svg);
+    background-repeat: no-repeat;
+    background-size: cover;
+    width: 100%;
+    position: absolute;
+    top: 2300px;
+}
+.title-training {
+    font-family: var(--font1);
+    text-align: center;
+}
+
+/* ===>>> SCREEN TABLET <<<=== */
+@media (min-width: 769px) and (max-width: 1115px) {
+    .container-training {
+        top: 2400px;
+    }
+}
+
+/* ===>>> SCREEN MOBILE <<<=== */
+@media (max-width: 768px) {
+    .container-training {
+        top: 2350px;
+    }
+}

assets/css/section_training/schools/container_schools.css

@@ -0,0 +1,11 @@
+.container-schools {
+    width: 90%;
+    margin: auto;
+    display: flex;
+    flex-flow: row wrap;
+    gap: 1.25%;
+    justify-content: space-between;
+}
+.logo-school {
+    width: 100%;
+}

assets/css/section_training/schools/schools.css

@@ -0,0 +1,15 @@
+.school {
+    width: 15%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 20px;
+}
+
+/* ===>>> SCREEN TABLET <<<=== */
+@media  (max-width: 1115px) {
+    .school {
+        width: 40%;
+        margin: 10px;
+    }
+}

index.html

@@ -27,6 +27,9 @@
     <link rel="stylesheet" href="assets/css/section_skills/cards/skill_card.css">
     <link rel="stylesheet" href="assets/css/section_skills/cards/header_skill_card.css">
     <link rel="stylesheet" href="assets/css/section_skills/cards/title_skill_card.css">
+    <link rel="stylesheet" href="assets/css/section_training/container_training.css">
+    <link rel="stylesheet" href="assets/css/section_training/schools/container_schools.css">
+    <link rel="stylesheet" href="assets/css/section_training/schools/schools.css">
     <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
     <script src="https://kit.fontawesome.com/76750b34bb.js" crossorigin="anonymous"></script>
     <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
@@ -308,6 +311,31 @@ <h1 class="h1-skill-card">
             </div>
         </div>
     </section>
+    <section class="container-training">
+        <h1 class="title-training">
+            Formación
+        </h1>
+        <div class="container-schools">
+            <div class="school">
+                <img src="assets/images/logos/coursera.svg" alt="Coursera" class="logo-school">
+            </div>
+            <div class="school">
+                <img src="assets/images/logos/logo-md-austral-1.png" alt="Universidad Austral Argentina" class="logo-school">
+            </div>
+            <div class="school">
+                <img src="assets/images/logos/University_of_Michigan-Logo.wine.svg" alt="University of Michigan" class="logo-school">
+            </div>
+            <div class="school">
+                <img src="assets/images/logos/logo-oit.svg" alt="Organizacion internacional de trabajo" class="logo-school">
+            </div>
+            <div class="school">
+                <img src="assets/images/logos/alura-logo.1686744883.svg" alt="Alura Latam" class="logo-school">
+            </div>
+            <div class="school">
+                <img src="assets/images/logos/viewlogo1-at-2x.png" alt="Fundacion View" class="logo-school">
+            </div>
+        </div>
+    </section>
 </body>
 <script src="js/menu_mobile.js"></script>
 </html>