update

OgestanPlus/contenido/08.html

@@ -0,0 +1,60 @@
+<style>
+  .back0 {
+    background-image: url(img/bg07.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 justify-content-md-start'>
+          <div class="col-12 col-md-7 animate__animated animate__bounceInDown">
+            <div class="position-relative d-inline-block mb-3">
+              <h1 class="text-secondary fw-bold">¡Excelente trabajo!</h1>
+              <hr class="m-0 text-secondary border-top-perso">
+            </div>
+            <p class="animate__animated animate__fadeInUp animate__delay-2s">Has concluido el módulo de <strong>OGestan</strong><strong><sup>®</sup> Plus</strong>.</p>
+            <p class="animate__animated animate__fadeInUp animate__delay-5s">Ahora cuentas con <strong>argumentos más sólidos y claros</strong> para destacar sus beneficios frente a cualquier
+              objeción.</p>
+            <p class="animate__animated animate__fadeInUp animate__delay-11s">Confía en tu conocimiento, <strong>sigue practicando</strong> y continúa dando lo mejor en cada visita.</p>
+            <p class="mb-0 text-primary animate__animated animate__fadeInUp animate__delay-17s">¡<strong>Vamos por más</strong>!</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+  $(function () {
+    "use strict";
+    $('body').addClass('fake');
+    const audiom23 = CourseNav.createSound('audio/audiom23.mp3');
+    CourseNav.audioController.stopAllSoundsAndPlay(audiom23);
+    audiom23.on('play',function(){
+      $('.anim0').show();
+    });
+    audiom23.on("end", function () {
+      CourseNav.completeLesson();
+    });
+    CourseNav.setSlideVisited();
+    CourseNav.completeLesson();
+  });
+</script>