Update: version 1

2025-12-11 17:00:53 -06:00
parent 594539b531
commit b42d53e844
109 changed files with 2242 additions and 1365 deletions
@@ -0,0 +1,69 @@
+<style>
+    .back0 {
+        background-image: url(img/bg08.jpg);
+        background-size: cover;
+        background-position: 68% 100%;
+        background-repeat: no-repeat;
+    }
+
+    .border-top-perso {
+        border-top: 3px solid;
+        opacity: 1;
+    }
+
+    .anim0 {
+        display: none;
+    }
+
+    @media(min-width: 768px) {
+        .back0 {
+            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-7 animate__animated animate__bounceInDown">
+                        <div class="position-relative d-inline-block mb-3">
+                            <h1 class="text-blue-3 fw-bold">¡Gran trabajo!</h1>
+                            <hr class="m-0 text-blue-3 border-top-perso">
+                        </div>
+                        <p class="animate__animated animate__fadeInUp animate__delay-2s">Has completado el módulo de
+                            <b>OGestan<sup>®</sup> Andractiv</b> y ahora cuentas con bases más sólidas para comunicar
+                            sus beneficios y
+                            diferenciadores con total seguridad.
+                        </p>
+
+                        <p class="animate__animated animate__fadeInUp animate__delay-10s">Sigue avanzando, confía en lo
+                            que sabes y continúa fortaleciendo tu preparación.</p>
+
+                        <p class="mb-0 text-blue-4 animate__animated animate__fadeInUp animate__delay-15s">
+                            ¡<strong>¡Lo estás haciendo excelente!</strong>!</p>
+                    </div>
+                    <div class="col-12 col-md-5 text-center animate__animated animate__zoomIn">
+                        <img src="img/celebracion.png" alt="Celebración" class="img-fluid floating">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+    $(function () {
+        "use strict";
+        $('body').addClass('fake');
+        const audioh27 = CourseNav.createSound('audio/audioh27.mp3');
+        CourseNav.audioController.stopAllSoundsAndPlay(audioh27);
+        audioh27.on('play', function () {
+            $('.anim0').show();
+        });
+        audioh27.on("end", function () {
+            CourseNav.completeLesson();
+        });
+        CourseNav.setSlideVisited();
+        CourseNav.completeLesson();
+    });
+</script>