Drossagyn curso completo

Drossagyn/contenido/09.html

@@ -0,0 +1,67 @@
+<style>
+  .back0 {
+    background-image: url(img/bg03.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-secondary fw-bold">¡Felicidades!</h1>
+              <hr class="m-0 text-secondary border-top-perso">
+            </div>
+            <div class="card card-perso p-3 shadow-none rounded-4 border-0 animate__animated animate__flipInY animate__delay-1s">
+              <p class="mb-0">Has concluido el módulo de Drossagyn<sup>®</sup> y ahora cuentas con los elementos esenciales para comunicar su uso, eficacia y
+              seguridad con mayor claridad.</p>
+            </div>
+          </div>
+          <div class="col-9 col-md-6 text-center">
+            <img src="img/09.0.png" class="img-fluid floating">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+  $(function () {
+    "use strict";
+    $('body').addClass('fake');
+    const audioh21 = CourseNav.createSound('audio/audioh21.mp3');
+    CourseNav.audioController.stopAllSoundsAndPlay(audioh21);
+    audioh21.on('play', function () {
+      $('.anim0').show();
+    });
+    audioh21.on("end", function () {
+      CourseNav.completeLesson();
+    });
+    CourseNav.setSlideVisited();
+    CourseNav.completeLesson();
+  });
+</script>