68 lines
2.5 KiB
HTML
68 lines
2.5 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: Extender vida <span class="text-secondary">>>></span> Expandir
|
|
posibilidades
|
|
</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");
|
|
|
|
$(".navbar-brand").hide();
|
|
|
|
$(".btn-comenzar").click(function (e) {
|
|
e.preventDefault();
|
|
$(this).removeClass("animate__animated animate__pulse animate__infinite");
|
|
CourseNav.soundClick();
|
|
CourseNav.setSlideVisited();
|
|
CourseNav.nextSlide();
|
|
});
|
|
});
|
|
</script>
|