61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
<style>
|
|
.back0 {
|
|
background-image: url(img/bg07.jpg);
|
|
background-size: cover;
|
|
background-position: 68% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.border-top-perso {
|
|
border-top: 3px solid;
|
|
opacity: 1;
|
|
}
|
|
|
|
.anim0 {
|
|
display: none;
|
|
}
|
|
|
|
@media(min-width: 768px) {
|
|
.back0 {
|
|
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-md-start'>
|
|
<div class="col-12 col-md-7 animate__animated animate__bounceInDown">
|
|
<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>
|