Carousel (Single item)
<> show code
<div class="owl-carousel carousel-style-01" id="banner-carousel">
<div class="single-slide overlay-shadow" >
<div class="scale-top banner-img" style="background-image: url(img/home/banner-1.jpg)" >
</div>
<div class="slider-caption">
<h5 class="text-white">Will Get Married</h5>
<h1 class="text-white mt-3">Dennis & Jenny</h1>
<span class="date">14 March, 2018</span>
</div>
</div>
<div class="single-slide overlay-shadow" >
<div class="scale-top banner-img" style="background-image: url(img/home/banner-2.jpg)">
</div>
<div class="slider-caption">
<h5 class="text-white">Will Get Married</h5>
<h1 class="text-white mt-3">Dalim & Dany</h1>
<span class="date">18 May, 2018</span>
</div>
</div>
<div class="single-slide overlay-shadow" >
<div class="scale-top banner-img" style="background-image: url(img/home/banner-3.jpg)">
</div>
<div class="slider-caption">
<h5 class="text-white">Will Get Married</h5>
<h1 class="text-white mt-3">Deos & Toric</h1>
<span class="date">27 Jly, 2018</span>
</div>
</div>
</div>
This Slider is made by Owl Carousel2. Check the doucumentation for more details.
Carousel (Multiple item)
<> show code
<div id="swiper" class="swiper-container swiper-slider-01">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(img/home/wedding-big-img-03.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/home/wedding-big-img-04.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/home/wedding-big-img-05.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/home/wedding-big-img-03.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/home/wedding-big-img-04.jpg)"></div>
<div class="swiper-slide" style="background-image:url(img/home/wedding-big-img-05.jpg)"></div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
</div>
<div class="swiper-button-next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
</div>
</div>
This Slider is made by Swiper plugins. Check the doucumentation for more details.
Brand Carousel
<> show code
<div class="owl-carousel owl-theme" id="brands">
<div class="brand_logo-single">
<img src="img/brands/b1.png" alt="Image">
</div>
<div class="brand_logo-single">
<img src="img/brands/b2.png" alt="Image">
</div>
<div class="brand_logo-single">
<img src="img/brands/b3.png" alt="Image">
</div>
<div class="brand_logo-single">
<img src="img/brands/b4.png" alt="Image">
</div>
<div class="brand_logo-single">
<img src="img/brands/b2.png" alt="Image">
</div>
</div>
This Slider is made by Owl Carousel2. Check the doucumentation for more details.