JSFiddle - React, Tailwind, and code Playground

by Prashant Tapase

HTML

<link rel="stylesheet" href="http://owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.carousel.min.css">
<script src="http://owlcarousel.owlgraphic.com/assets/owlcarousel/owl.carousel.js"></script>
<div id="owl-example" class="owl-carousel">
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/Akrapovic.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/Bassani.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/brocks.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/cardo.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/Cobra.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/DMV.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/DragSpecialties.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/Driven.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/dynojet.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/e102d67f-logo_motografix.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/FACTORY EFFEX.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/Galfer.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/GoPro.jpg"/></div>
			 <div> <img src="http://www.ultimatespares.com/skin/frontend/default/theme362/images/brand-logo/hjc.jpg"/></div>
			 <div> <img...

JavaScript

jQuery(document).ready(function() {
 
 var owl = jQuery("#owl-example");
 
  owl.owlCarousel({autoplay: 1000,autoplay: true,  loop:true});
 
  // Custom Navigation Events
 jQuery(".next").click(function(){
    owl.trigger('owl.next');
  })
  jQuery(".prev").click(function(){
    owl.trigger('owl.prev');
  })
  
});