68 lines
2.0 KiB
HTML
68 lines
2.0 KiB
HTML
|
<style>
|
||
|
|
.back0 {
|
||
|
|
background-image: url(img/bg03.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-secondary fw-bold">¡Felicidades!</h1>
|
||
|
|
<hr class="m-0 text-secondary border-top-perso">
|
||
|
|
</div>
|
||
|
|
<div class="card card-perso p-3 shadow-none rounded-4 border-0 animate__animated animate__flipInY animate__delay-1s">
|
||
|
|
<p class="mb-0">Has concluido el módulo de Drossagyn<sup>®</sup> y ahora cuentas con los elementos esenciales para comunicar su uso, eficacia y
|
||
|
|
seguridad con mayor claridad.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-9 col-md-6 text-center">
|
||
|
|
<img src="img/09.0.png" class="img-fluid floating">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
$(function () {
|
||
|
|
"use strict";
|
||
|
|
$('body').addClass('fake');
|
||
|
|
const audioh21 = CourseNav.createSound('audio/audioh21.mp3');
|
||
|
|
CourseNav.audioController.stopAllSoundsAndPlay(audioh21);
|
||
|
|
audioh21.on('play', function () {
|
||
|
|
$('.anim0').show();
|
||
|
|
});
|
||
|
|
audioh21.on("end", function () {
|
||
|
|
CourseNav.completeLesson();
|
||
|
|
});
|
||
|
|
CourseNav.setSlideVisited();
|
||
|
|
CourseNav.completeLesson();
|
||
|
|
});
|
||
|
|
</script>
|