Owl Carousel

Basic Example:


<div class="owl-carousel">
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
</div>


$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    autoplay:true,
    nav:true,
    navText: [
        '',
        ''
    ],
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

Premade examples from 1 to 7:

Owl Carousel - 1 Column:


<div class="owl-carousel-1col">
  <div class="item"><img src="http://placehold.it/800x200" alt=""></div>
  <div class="item"><img src="http://placehold.it/800x200" alt=""></div>
  <div class="item"><img src="http://placehold.it/800x200" alt=""></div>
</div>

Owl Carousel - 2 Columns:


<div class="owl-carousel-2col">
  <div class="item"><img src="http://placehold.it/500x200" alt=""></div>
  <div class="item"><img src="http://placehold.it/500x200" alt=""></div>
  <div class="item"><img src="http://placehold.it/500x200" alt=""></div>
</div>

Owl Carousel - 3 Columns:


<div class="owl-carousel-3col">
  <div class="item"><img src="http://placehold.it/400x200" alt=""></div>
  <div class="item"><img src="http://placehold.it/400x200" alt=""></div>
  <div class="item"><img src="http://placehold.it/400x200" alt=""></div>
</div>

Owl Carousel - 4 Columns:


<div class="owl-carousel-4col">
  <div class="item"><img src="http://placehold.it/320x200" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x200" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x200" alt=""></div>
</div>

Owl Carousel - 5 Columns:


<div class="owl-carousel-5col">
  <div class="item"><img src="http://placehold.it/320x300" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x300" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x300" alt=""></div>
</div>

Owl Carousel - 6 Columns:


<div class="owl-carousel-6col">
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
</div>

Owl Carousel - 7 Columns:


<div class="owl-carousel-7col">
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
  <div class="item"><img src="http://placehold.it/320x400" alt=""></div>
</div>