59 lines
2.1 KiB
HTML
59 lines
2.1 KiB
HTML
|
<style>
|
||
|
|
.text-info {
|
||
|
|
position: absolute;
|
||
|
|
width: 65%;
|
||
|
|
height: 100%;
|
||
|
|
top: 50%;
|
||
|
|
transform: translateY(-50%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.hr-style {
|
||
|
|
opacity: 1;
|
||
|
|
width: 70%;
|
||
|
|
}
|
||
|
|
</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'>
|
||
|
|
<div class="col-11 px-0">
|
||
|
|
<div class="d-inline-block position-relative">
|
||
|
|
<img src="img/19.0.webp" class="img-fluid">
|
||
|
|
<div class="text-info">
|
||
|
|
<div class="row justify-content-center align-items-center h-100">
|
||
|
|
<div class="col-9">
|
||
|
|
<div class="row justify-content-center">
|
||
|
|
<div class="col-12 mb-3 animate__animated animate__bounceInDown">
|
||
|
|
<div class="d-flex flex-row align-items-center gap-3">
|
||
|
|
<h1 class="text-white fw-bold">¡Felicidades!</h1>
|
||
|
|
<img src="img/19.1.png" class="img-fluid">
|
||
|
|
</div>
|
||
|
|
<hr class="border border-3 border-secondary hr-style my-0">
|
||
|
|
</div>
|
||
|
|
<div class="col-12 mb-3 animate__animated animate__lightSpeedInLeft animate__delay-1s">
|
||
|
|
<h2 class="text-verde-claro">Has terminado las actividades de la</h2>
|
||
|
|
<h2 class="text-white"><strong>Inducción al paciente </strong><strong>en Diálisis Peritoneal.</strong></h2>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 animate__animated animate__zoomIn animate__delay-2s">
|
||
|
|
<p class="text-white mb-0">¡Tu esfuerzo marca la diferencia!</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
$(function () {
|
||
|
|
"use strict";
|
||
|
|
$('body').addClass('fake');
|
||
|
|
CourseNav.setSlideVisited();
|
||
|
|
});
|
||
|
|
</script>
|