JSFiddle - React, Tailwind, and code Playground

by Dmitry Britan

HTML

<link rel="stylesheet" href="http://demo.webcomplex.com.ua/17-08-2014/01/css/owl.carousel.css">
<link rel="stylesheet" href="http://demo.webcomplex.com.ua/17-08-2014/01/css/owl.theme.css">
<script src="http://demo.webcomplex.com.ua/17-08-2014/01/js/jquery-1.11.1.min.js"></script>
<script src="http://demo.webcomplex.com.ua/17-08-2014/01/js/owl.carousel.min.js"></script>
<div id="slider">
    <div class="slide">
        <img src="http://demo.webcomplex.com.ua/17-08-2014/01/images/01.jpg" alt="Image Description" />
    </div>
    <div class="slide">
        <img src="http://demo.webcomplex.com.ua/17-08-2014/01/images/02.jpg" alt="Image Description" />
    </div>
    <div class="slide">
        <img src="http://demo.webcomplex.com.ua/17-08-2014/01/images/03.jpg" alt="Image Description" />
    </div>
</div>

CSS

#slider {width: 100%; margin: 0 auto;}
#slider .slide img {width:100%;}

JavaScript

$(document).ready(function(){
    $("#slider").owlCarousel({
          navigation : true, // Show next and prev buttons
          slideSpeed : 300,
          paginationSpeed : 400,
          singleItem:true
    });
});