3 Widget not showing on boostrap carousel

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
  1.         <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>
    
not working only showing 1 but rest slide dont work at dermabless.com
1 Like

Hi @CakyPro! Welcome to Elfsight Community :tada:

I am so sorry about this issue!

I’ve informed our devs about it. I’ll get back to you once I receive any news :rocket:

Have a great day :slightly_smiling_face:

1 Like

Hi @CakyPro :wave:

Thank you for waiting!

I’ve talked to our devs regarding the matter. To identify the reason for the issue, we need some additional information that’s why, I’ve contacted you in your support ticket.

Please check your inbox.

We’ll be looking forward to your reply!