Ogestan_Drossagyn_Papilocare/OgestanPlus/contenido/08.html

<style>
  .back0 {
    background-image: url(img/bg07s.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }

  .border-top-perso {
    border-top: 3px solid;
    opacity: 1;
  }

  .anim0 {
    display: none;
  }

  @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 justify-content-lg-start'>
          <div class="col-9 col-md-6 text-center d-block d-lg-none">
            <img src="img/08.0.png" class="img-fluid floating">
          </div>
          <div class="col-12 col-md-10 col-lg-7 animate__animated animate__bounceInDown text-center text-lg-start">
            <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>