Update: Creacion de Papilocare

2025-12-15 16:13:47 -06:00
parent 77fa734ee9
commit c480ed05e5
325 changed files with 309297 additions and 0 deletions
@@ -0,0 +1,77 @@
+<style>
+  .back0 {
+    background-image: url(img/bg09s.jpg);
+    background-size: cover;
+    background-position: top center;
+    background-repeat: no-repeat;
+  }
+
+  .border-top-perso {
+    border-top: 3px solid;
+    opacity: 1;
+  }
+
+  .anim0 {
+    display: none;
+  }
+
+  .rounded-15 {
+    border-radius: 15px !important;
+  }
+
+  @media(min-width: 991px) {
+    .back0 {
+      background-image: url(img/bg09.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-9 col-md-6 col-xl-5 text-center">
+            <img src="img/09.0.png" class="img-fluid floating">
+          </div>
+          <div class="col-12 col-md-6 col-lg-7 animate__animated animate__bounceInDown text-center">
+            <div class="position-relative d-inline-block mb-3">
+              <h1 class="text-pink-1 text-center fw-bold">¡Bien hecho!</h1>
+              <!-- <hr class="m-0 text-secondary border-top-perso"> -->
+            </div>
+            <div class="card border-0 rounded-15 bg-verde-1">
+              <div class="card-body text-white">
+                <p class="my-0 animate__animated animate__fadeInUp animate__delay-2s">Has concluido el módulo de
+                  <strong>Papilocare<sup>®</sup></strong>.
+                </p>
+                <p class="animate__animated animate__fadeInUp animate__delay-5s">Ahora cuentas con argumentos claros
+                  para
+                  explicar su fórmula, su mecanismo de acción y sus beneficios frente a las principales objeciones.</p>
+                <p class="my-0 animate__animated animate__fadeInUp animate__delay-11s">Lleva este conocimiento a tus visitas
+                  médicas y continúa fortaleciendo tu comunicación profesional.</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>
+  </div>
+</div>
+<script>
+  $(function () {
+    "use strict";
+    $('body').addClass('fake');
+    const audiom24 = CourseNav.createSound('audio/audiom24.mp3');
+    CourseNav.audioController.stopAllSoundsAndPlay(audiom24);
+    audiom24.on('play', function () {
+      $('.anim0').show();
+    });
+    audiom24.on("end", function () {
+      CourseNav.completeLesson();
+    });
+    CourseNav.setSlideVisited();
+    CourseNav.completeLesson();
+  });
+</script>