owl carousel
<!-- owl carousel css link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<!-- owl carousel theme.css link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<!-- owl carousel js file -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
// owl carousel init
$('.owl-carousel').owlCarousel({
loop: true,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: true,
stagePadding: -5,
responsiveBaseElement: 'body',
responsive: {
0: {
items: 1,
},
700: {
items: 2,
},
1220: {
items: 3,
},
},
});
// add html class
owl-carousel owl-theme