60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<style>
|
|
.fake {
|
|
background-image: url(img/bg07.jpg);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.hr-style {
|
|
opacity: 1;
|
|
}
|
|
|
|
.card-style {
|
|
background-color: rgba(182, 143, 178, .31);
|
|
}
|
|
</style>
|
|
<div class='page-sco py-2 py-md-0 h-100'>
|
|
<div class='container h-100'>
|
|
<div class='row justify-content-center align-items-center h-100'>
|
|
<div class='col-12 px-0'>
|
|
<div class='row justify-content-center'>
|
|
<div class="col-10 mb-4 px-4 animate__animated animate__bounceInDown text-center">
|
|
<div class="position-relative d-inline-block">
|
|
<h2 class="text-center fw-bold text-primary">Lavado de manos de acuerdo con la técnica de la <br> OMS y uso correcto de
|
|
cubrebocas</h2>
|
|
<hr class="border border-3 border-verde-oscuro hr-style mx-auto my-0">
|
|
</div>
|
|
</div>
|
|
<div class="col-12 px-0">
|
|
<div class="card card-style border-0 rounded-0 shadow-none py-3 px-4">
|
|
<div class="row justify-content-center">
|
|
<div class="col-10">
|
|
<div class="row justify-content-center align-items-center">
|
|
<div class="col-4 text-center animate__animated animate__flipInX">
|
|
<img src="img/13.0.png" class="img-fluid">
|
|
</div>
|
|
<div class="col-4 text-center animate__animated animate__zoomIn animate__delay-1s">
|
|
<img src="img/13.1.png" class="img-fluid">
|
|
</div>
|
|
<div class="col-4 text-center animate__animated animate__rotateInDownRight animate__delay-2s">
|
|
<img src="img/13.2.png" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function () {
|
|
"use strict";
|
|
$('.wrap-course-content').addClass('fake');
|
|
CourseNav.setSlideVisited();
|
|
});
|
|
</script>
|