Manual_Vantive/contenido/01.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");

    $(".btn-comenzar").click(function (e) {
      e.preventDefault();
      $(this).removeClass("animate__animated animate__pulse animate__infinite");
      CourseNav.soundClick();
      CourseNav.setSlideVisited();
      CourseNav.nextSlide();
    });
  });
</script>