OgestanPre curso completo

2025-12-15 21:19:10 -06:00
parent a305c9e1f5
commit aae60d6dfb
315 changed files with 46376 additions and 0 deletions
@@ -0,0 +1,70 @@
+<style>
+  .back0 {
+    background-image: url(img/bg05.jpg);
+    background-size: cover;
+    background-position: top center;
+    background-repeat: no-repeat;
+  }
+
+  .border-top-perso {
+    border-top: 3px solid;
+    opacity: 1;
+  }
+
+  .anim0 {
+    display: none;
+  }
+
+  .card-perso {
+    background-color: rgba(242, 235, 215, .8);
+  }
+
+  /* @media(min-width: 991px) {
+    .back0 {
+      background-image: url(img/bg07.jpg);
+      background-position: 68% 100%;
+    }
+  } */
+</style>
+<div class='page-sco py-3 py-md-4 back0'>
+  <div class='container'>
+    <div class='row justify-content-center align-items-center'>
+      <div class='col-12 anim0'>
+        <div class='row justify-content-center align-items-center'>
+          <div class="col-12 col-md-10 col-lg-6 animate__animated animate__bounceInDown text-center text-lg-start">
+            <div class="position-relative d-inline-block mb-3">
+              <h1 class="text-primary fw-bold">¡Felicidades por concluir este módulo!</h1>
+              <!-- <hr class="m-0 text-secondary border-top-perso"> -->
+            </div>
+            <div
+              class="card bg-transparent border-0 rounded-0 shadow-none p-0 animate__animated animate__flipInY animate__delay-3s">
+              <p>OGestan<sup>®</sup> Pré no es solo un suplemento: es una guía que respalda los procesos más delicados y significativos del inicio
+              de la vida, y tú ahora tienes el conocimiento para comunicarlo con confianza.</p>
+              <p class="fw-bold text-blue-1 animate__animated animate__lightSpeedInLeft animate__delay-14s">Tu preparación es parte de cada comienzo.</p>
+              <p class="fw-bold text-blue-1 animate__animated animate__lightSpeedInLeft animate__delay-17s">Sigamos avanzando juntos.</p>
+            </div>
+          </div>
+          <div class="col-9 col-md-6 text-center">
+            <img src="img/07.0.png" class="img-fluid floating">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+  $(function () {
+    "use strict";
+    $('body').addClass('fake');
+    const audiom29 = CourseNav.createSound('audio/audiom29.mp3');
+    CourseNav.audioController.stopAllSoundsAndPlay(audiom29);
+    audiom29.on('play', function () {
+      $('.anim0').show();
+    });
+    audiom29.on("end", function () {
+      CourseNav.completeLesson();
+    });
+    CourseNav.setSlideVisited();
+    CourseNav.completeLesson();
+  });
+</script>