<html>
  <head>
      <link rel="stylesheet" href="../../../css/owl.carousel.min.css">
<link rel="stylesheet" href="../../../css/owl.theme.default.min.css">
  </head>
   <body>
       <div class="container">
          <div class="owl-carousel">
  <div> Your Content 1</div>
  <div> Your Content 2</div>
  <div> Your Content 3</div>
  <div> Your Content 4</div>
  <div> Your Content 5</div>
  <div> Your Content 6</div>
  <div> Your Content 7</div>
</div> 
       </div>
   </body> 
   <script src="../../../js/jquery-1.10.2.min.js"></script>
<script src="../../../js/owl.carousel.min.js"></script>
<script>
    $(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});
    </script>
</html>