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> |