CODE EXAMPLE FOR HTML

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