71 lines
2.4 KiB
HTML
71 lines
2.4 KiB
HTML
|
<style>
|
||
|
|
.back0 {
|
||
|
|
background-image: url(img/bg05.jpg);
|
||
|
|
background-size: cover;
|
||
|
|
background-position: top center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.border-top-perso {
|
||
|
|
border-top: 3px solid;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.anim0 {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-perso {
|
||
|
|
background-color: rgba(242, 235, 215, .8);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* @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 align-items-center'>
|
||
|
|
<div class="col-12 col-md-10 col-lg-6 animate__animated animate__bounceInDown text-center text-lg-start">
|
||
|
|
<div class="position-relative d-inline-block mb-3">
|
||
|
|
<h1 class="text-primary fw-bold">¡Felicidades por concluir este módulo!</h1>
|
||
|
|
<!-- <hr class="m-0 text-secondary border-top-perso"> -->
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="card bg-transparent border-0 rounded-0 shadow-none p-0 animate__animated animate__flipInY animate__delay-3s">
|
||
|
|
<p>OGestan<sup>®</sup> Pré no es solo un suplemento: es una guía que respalda los procesos más delicados y significativos del inicio
|
||
|
|
de la vida, y tú ahora tienes el conocimiento para comunicarlo con confianza.</p>
|
||
|
|
<p class="fw-bold text-blue-1 animate__animated animate__lightSpeedInLeft animate__delay-14s">Tu preparación es parte de cada comienzo.</p>
|
||
|
|
<p class="fw-bold text-blue-1 animate__animated animate__lightSpeedInLeft animate__delay-17s">Sigamos avanzando juntos.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-9 col-md-6 text-center">
|
||
|
|
<img src="img/07.0.png" class="img-fluid floating">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
$(function () {
|
||
|
|
"use strict";
|
||
|
|
$('body').addClass('fake');
|
||
|
|
const audiom29 = CourseNav.createSound('audio/audiom29.mp3');
|
||
|
|
CourseNav.audioController.stopAllSoundsAndPlay(audiom29);
|
||
|
|
audiom29.on('play', function () {
|
||
|
|
$('.anim0').show();
|
||
|
|
});
|
||
|
|
audiom29.on("end", function () {
|
||
|
|
CourseNav.completeLesson();
|
||
|
|
});
|
||
|
|
CourseNav.setSlideVisited();
|
||
|
|
CourseNav.completeLesson();
|
||
|
|
});
|
||
|
|
</script>
|