77 lines
2.6 KiB
HTML
77 lines
2.6 KiB
HTML
|
<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>
|