No Description Available
0
Product Slider using Owl carousel 2 with auto play and responsiveness.
onex
owl
Owl caraousel Testimonial slider
Owl Carousel is a number one jQuery plugin Choosen by hundreds of developers. Here is Sponsored Slider.
$('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true, dots:false, autoplay:true, autoplayTimeout:1000, autoplayHoverPause:true, responsive:{ 0:{ items:1 }, 600:{ items:2 }, 1000:{ items:4 } } });
<div class="container mt-5"> <div class="row"> <div class="col-md-12 mt-5"> <div class="owl-carousel adp-x owl-theme"> <div class="item"> <div class="card"> <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Product Name</h4> </div> </div> </div> <div class="item"> <div class="card"> <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Product Name</h4> </div> </div> </div> <div class="item"> <div class="card"> <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Product Name</h4> </div> </div> </div> <div class="item"> <div class="card"> <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Product Name</h4> </div> </div> </div> <div class="item"> <div class="card"> <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Product Name</h4> </div> </div> </div> <div class="item"> <div class="card"> <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Product Name</h4> </div> </div> </div> </div> </div> </div> </div> </div>