66 lines
2.3 KiB
HTML
66 lines
2.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
.sec0 { background-image: url(img/x/bg0.png); background-repeat: no-repeat; background-size: cover; background-position: center; }
|
||
|
|
.bg_crd { background: rgba(255,255,255,.95); background: -webkit-linear-gradient(to right, rgba(255,255,255,.95) 0%, rgba(203, 215, 235, .95) 100%); background: -moz-linear-gradient(to right, rgba(255,255,255,.95) 0%, rgba(203, 215, 235, .95) 100%); background: linear-gradient(to right, rgba(255,255,255,.95) 0%, rgba(203, 215, 235, .95) 100%); box-shadow: 0 0 8px rgba(0,0,0,.6); border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 0; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<section class="section_charge w-100 h-100">
|
||
|
|
<section class="sec0 w-100 h-100 pt-4 px-2">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-5">
|
||
|
|
<div class="personaje mx-auto humberto_6"></div>
|
||
|
|
</div>
|
||
|
|
<div class="col-7">
|
||
|
|
<div class="row justify-content-center">
|
||
|
|
<div class="col-12 mb-3 text-center animated bounceInUp">
|
||
|
|
<img src="img/x/0.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="col-10 animated zoomIn">
|
||
|
|
<div class="card bg_crd border-0 p-3">
|
||
|
|
<p>Gracias por acompañar a Humberto a cumplir su misión. De ahora en adelante, esperamos que tanto tú como él utilicen esta metodología para sus elecciones.</p>
|
||
|
|
<p class="text-center"><strong>¡Hasta la próxima!</strong></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<script>
|
||
|
|
jQuery(document).ready(function($) {
|
||
|
|
setLessonStatus("completed");
|
||
|
|
instruccion(0);
|
||
|
|
var audio0 = newSound("audio/Audio_13_Narrador.mp3");
|
||
|
|
$(".layer-load").show();
|
||
|
|
$('.section_charge').waitForImages({
|
||
|
|
finished: function() {
|
||
|
|
$(".section_charge").css("visibility", "visible");
|
||
|
|
$(".wloader").hide();
|
||
|
|
stopAllSoundsAndPlay(audio0);
|
||
|
|
},
|
||
|
|
each: function(loaded, count, success) {
|
||
|
|
var total = Math.floor((loaded * 100) / count);
|
||
|
|
$(".wloader").show();
|
||
|
|
|
||
|
|
},
|
||
|
|
waitForAll: true
|
||
|
|
});
|
||
|
|
|
||
|
|
audio0.on("play",function(){
|
||
|
|
//$(".personaje").addClass('play');
|
||
|
|
});
|
||
|
|
|
||
|
|
audio0.on("end",function(){
|
||
|
|
instruccion(1);
|
||
|
|
instruccion(13);
|
||
|
|
//$(".personaje").removeClass('play').addClass('stop');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|