2025-10-08 11:06:36 -06:00

55 lines
2.1 KiB
HTML

<style>
.btn-comenzar {
border-radius: 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
cursor: pointer;
}
</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/01.0.webp" class="img-fluid">
<div class="position-absolute h-100 top-0 start-0" style="width: 65%;">
<div class="row justify-content-center align-items-center h-100">
<div class="col-8">
<div class="position-relative d-inline-block animate__animated animate__bounceInDown">
<h1 class="text-white fw-bold">GUÍA DE ENTRENAMIENTO PARA EL PACIENTE EN DIÁLISIS PERITONEAL <strong
class="text-secondary">>>></strong></h1>
<hr class="border border-1 border-verde-claro hr-style mx-auto my-0 mb-3">
</div>
<p class="text-white animate__animated animate__lightSpeedInLeft">Nuestra misión: Salvar y sostener vidas</p>
<div class="position-relative w-100 animate__animated animate__zoomIn animate__delay-1s">
<div class="btn-comenzar bg-white d-inline-block px-3 py-2 text-center animate__animated animate__pulse animate__infinite">
<h5 class="text-verde-oscuro fw-bold mb-0">Comenzar</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
"use strict";
$('.wrap-course-content').addClass('fake');
$('.btn-comenzar').click(function (e) {
e.preventDefault();
$(this).removeClass('animate__animated animate__pulse animate__infinite');
CourseNav.soundClick();
CourseNav.setSlideVisited();
CourseNav.nextSlide();
});
});
</script>