Slides only
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img class="block w-full rounded-md" src="assets/images/big/img1.jpg" alt="First slide">
</div>
<div class="swiper-slide">
<img class="block w-full rounded-md" src="assets/images/big/img2.jpg" alt="First slide">
</div>
<div class="swiper-slide">
<img class="block w-full rounded-md" src="assets/images/big/img3.jpg" alt="First slide">
</div>
</div>
<div class="pagination">
<div class="swiper-button-prev btn-prev "></i></div>
<div class="swiper-button-next btn-next "></i></div>
</div>
<div class="swiper-pagination "></div>
</div>
With Captions
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="carousel-item active">
<img class="block w-full rounded-md" src="assets/images/big/img2.jpg" alt="First slide">
<div class="carousel-caption bg-[#00000099] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
<h5 class="mb-2 text-[1.8rem] text-white">First slide label</h5>
<p class="text-white">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="carousel-item">
<img class="block w-full rounded-md" src="assets/images/big/img3.jpg" alt="Second slide">
<div class="carousel-caption bg-[#00000099] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
<h5 class="mb-2 text-[1.8rem] text-white">Second slide label</h5>
<p class="text-white">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="carousel-item">
<img class="block w-full rounded-md" src="assets/images/big/img4.jpg" alt="Third slide">
<div class="carousel-caption bg-[#00000099] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
<h5 class="mb-2 text-[1.8rem] text-white">Third slide label</h5>
<p class="text-white">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
</div>
</div>
</div>
Slides Only-1
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img3.jpg" alt="First slide"></div>
<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img4.jpg" alt="First slide"></div>
<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img5.jpg" alt="First slide"></div>
</div>
</div>
Slides With indicators
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img4.jpg" alt="First slide"></div>
<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img5.jpg" alt="First slide"></div>
<div class="swiper-slide"><img class="block w-full rounded-md" src="assets/images/big/img6.jpg" alt="First slide"></div>
</div>
<div class="pagination">
<div class="swiper-button-prev btn-prev "></i></div>
<div class="swiper-button-next btn-next "></i></div>
</div>
<div class="swiper-pagination "></div>
</div>
Slides With captions
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="carousel-item active">
<img class="block w-full rounded-md" src="assets/images/big/img5.jpg" alt="First slide">
<div class="carousel-caption bg-[#00000099] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
<h5 class="mb-2 text-[1.8rem] text-white">First slide label</h5>
<p class="text-white">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
</div>
<div class="swiper-slid
<div class="carousel-item">
<img class="block w-full rounded-md" src="assets/images/big/img6.jpg" alt="Second slide">
<div class="carousel-caption bg-[#00000099] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
<h5 class="mb-2 text-[1.8rem] text-white">Second slide label</h5>
<p class="text-white">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="carousel-item">
<img class="block w-full rounded-md" src="assets/images/big/img7.jpg" alt="Third slide">
<div class="carousel-caption bg-[#00000099] md:block hidden absolute right-[15%] left-[15%] bottom-5 py-5 text-center">
<h5 class="mb-2 text-[1.8rem] text-white">Third slide label</h5>
<p class="text-white">Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
</div>
<div class="pagination">
<div class="swiper-button-prev btn-prev "></i></div>
<div class="swiper-button-next btn-next "></i></div>
</div>
<div class="swiper-pagination "></div>
</div>
</div>