69 lines
2.6 KiB
HTML
69 lines
2.6 KiB
HTML
<style>
|
|
.back0 {
|
|
background-image: url(img/bg08.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 align-items-center'>
|
|
<div class="col-11 col-md-7 animate__animated animate__bounceInDown">
|
|
<div class="position-relative d-inline-block mb-3">
|
|
<h1 class="text-blue-3 fw-bold">¡Gran trabajo!</h1>
|
|
<hr class="m-0 text-blue-3 border-top-perso">
|
|
</div>
|
|
<p class="animate__animated animate__fadeInUp animate__delay-2s">Has completado el módulo de
|
|
<b>OGestan<sup>®</sup> Andractiv</b> y ahora cuentas con bases más sólidas para comunicar
|
|
sus beneficios y
|
|
diferenciadores con total seguridad.
|
|
</p>
|
|
|
|
<p class="animate__animated animate__fadeInUp animate__delay-10s">Sigue avanzando, confía en lo
|
|
que sabes y continúa fortaleciendo tu preparación.</p>
|
|
|
|
<p class="mb-0 text-blue-4 animate__animated animate__fadeInUp animate__delay-15s">
|
|
<strong>¡Lo estás haciendo excelente!</strong></p>
|
|
</div>
|
|
<div class="col-7 col-md-5 text-center animate__animated animate__zoomIn">
|
|
<img src="img/celebracion.png" alt="Celebración" class="img-fluid floating">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function () {
|
|
"use strict";
|
|
$('body').addClass('fake');
|
|
const audioh27 = CourseNav.createSound('audio/audioh27.mp3');
|
|
CourseNav.audioController.stopAllSoundsAndPlay(audioh27);
|
|
audioh27.on('play', function () {
|
|
$('.anim0').show();
|
|
});
|
|
audioh27.on("end", function () {
|
|
CourseNav.completeLesson();
|
|
});
|
|
CourseNav.setSlideVisited();
|
|
CourseNav.completeLesson();
|
|
});
|
|
</script> |