this is my head
Dermabless<!-- Favicon -->
<link href="img/logo.png" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />
<!-- Customized Bootstrap Stylesheet -->
<link href="css/style.css" rel="stylesheet">
my carousel
-
<li data-target="#header-carousel" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="carousel-item position-relative active" style="min-height: 100vh;"> <img class="position-absolute w-100 h-100" src="img/Spa.jpg" style="object-fit: cover;"> <div class="carousel-caption d-flex flex-column align-items-center justify-content-center"> <div class="p-3" style="max-width: 900px;"> <h6 class="text-white text-uppercase mb-3 animate__animated animate__fadeInDown" style="letter-spacing: 3px;">Dermabless</h6> <h3 class="display-3 text-capitalize text-white mb-3">Spa </h3> <p class="mx-md-5 px-5">Dermabless Spa es un centro de belleza y estetica que ofrece una variedad de servicios de cuidado de la piel destinados a mejorar la apariencia, la salud y el bienestar</p> <a class="btn btn-outline-light py-3 px-4 mt-3 animate__animated animate__fadeInUp" href="https://www.vagaro.com/dermablessinc">Ver Mas </a> <div class="elfsight-app-11a40b18-5974-43d5-a96b-5f49e86bfacf"></div> </div> </div> </div> <div class="carousel-item position-relative" style="min-height: 100vh;"> <img class="position-absolute w-100 h-100" src="img/3.jpg" style="object-fit: cover;"> <div class="carousel-caption d-flex flex-column align-items-center justify-content-center"> <div class="p-3" style="max-width: 900px;"> <h6 class="text-white text-uppercase mb-3 animate__animated animate__fadeInDown" style="letter-spacing: 3px;">Dermabless</h6> <h3 class="display-3 text-capitalize text-white mb-3">Boutique</h3> <p class="mx-md-5 px-5">Nuestra boutique de productos de piel es el lugar perfecto para aquellos que buscan productos de alta calidad, elegantes y duraderos, y que valoran la atención al cliente y la experiencia de compra personalizada.</p> <a class="btn btn-outline-light py-3 px-4 mt-3 animate__animated animate__fadeInUp" href="https://dermablessboutique.com/">Ver Mas</a> <div class="elfsight-app-518ace29-d8a7-478d-b840-e97e75c2737c"></div> </div> </div> </div> <div class="carousel-item position-relative" style="min-height: 100vh;"> <img class="position-absolute w-100 h-100" src="img/academy.jpg" style="object-fit: cover;"> <div class="carousel-caption d-flex flex-column align-items-center justify-content-center"> <div class="p-3" style="max-width: 900px;"> <h6 class="text-white text-uppercase mb-3 animate__animated animate__fadeInDown" style="letter-spacing: 3px;">Dermabless</h6> <h3 class="display-3 text-capitalize text-white mb-3">Academy</h3> <p class="mx-md-5 px-5">Es una institución educativa enfocada en la formación y capacitación de profesionales en el área de la estética y cuidado de la piel. Su objetivo es brindar una educación de alta calidad, basada en los últimos avances científicos y tecnológicos en el campo de la dermatología y la estética.</p> <a class="btn btn-outline-light py-3 px-4 mt-3 animate__animated animate__fadeInUp" href="http://dermablessacademy.com/">Ver mas</a> <script src="https://apps.elfsight.com/p/platform.js" defer></script> <div class="elfsight-app-6af666df-213e-4bb9-a2bf-593868aabe93"></div> </div> </div> </div> </div> </div>