Carousel

Owl Carousel with six items

.owl-item-6


<div class="owl-carousel owl-item-6">
  <div class="item">
    <a href="#">
      <img src="../img/clients/client_logo1.png" alt="" />
    </a>
  </div>
</div>
Owl Carousel with five items

.owl-item-5


<div class="owl-carousel owl-item-5">
  <div class="item">
    <a href="#">
      <img src="../img/clients/client_logo1.png" alt="" />
    </a>
  </div>
</div>
Owl Carousel with four items

.owl-item-4


<div class="owl-carousel owl-item-4">
  <div class="item">
    <a href="#">
      <img src="../img/portfolio/nature/image_01.jpg" alt="" />
    </a>
  </div>
</div>
Owl Carousel with three items

.owl-item-3


<div class="owl-carousel owl-item-3">
  <div class="item">
    <a href="#">
      <img src="../img/portfolio/nature/image_01.jpg" alt="" />
    </a>
  </div>
</div>
Owl Carousel with two items

.owl-item-2


<div class="owl-carousel owl-item-2">
  <div class="item">
    <a href="#">
      <img src="../img/portfolio/nature/image_01.jpg" alt="" />
    </a>
  </div>
</div>
Owl Carousel with single items

.owl-item-1


<div class="owl-carousel owl-item-1">
  <div class="item">
    <a href="#">
      <img src="../img/portfolio/nature/image_01.jpg" alt="" />
    </a>
  </div>
</div>
Owl Carousel with single items with text

.owl-item-1-text


<div class="owl-carousel owl-item-1-text">
  <div class="item">
    <a href="#">
      <img src="../img/portfolio/nature/image_01.jpg" alt="" />
    </a>
  </div>
</div>
slider

.slider


<div class="owl-carousel slider">
    <div class="item" style="background-image: url(../img/portfolio/abstract/image_02.jpg);">
        <div class="layer"></div>
        <div class="item-content">
            <h2 class="margin-bottom-15 text-uppercase">We Are Creative</h2>
            <p class="margin-bottom-25">
                Lorem ipsum dsamet consetetur sadipscing elitacusam aliquyam diam diam<br />
                dolore dolores duo eirmod eos eratet nonumy.
            </p>
            <a href="#" class="btn btn-lg pi-btn-default">Portfolio</a>
        </div>
    </div><!-- end item -->

    <div class="item" style="background-image: url(../img/portfolio/abstract/image_01.jpg);">
        <div class="layer"></div>
        <div class="item-content">
            <h2 class="margin-bottom-15 text-uppercase">Easy To Customize</h2>
            <p class="margin-bottom-25">
                Lorem ipsum dolor met consetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt<br />
                ut labore et dolore magna aliquyam.
            </p>
            <a href="#" class="btn btn-lg pi-btn-red">Learn more</a>
        </div>
    </div><!-- end item -->

    <div class="item" style="background-image: url(../img/portfolio/nature/image_02.jpg);">
        <div class="layer"></div>
        <div class="item-content">
            <h2 class="margin-bottom-15 text-uppercase">Full Responsive</h2>
            <p class="margin-bottom-25">
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <br />
                sed diam nonumy eirmod tempor invidunt ut labore.
            </p>
            <a href="#" class="btn btn-lg pi-btn-purple">Purchease</a>
        </div>
    </div><!-- end item -->
</div><!-- end slider -->
Цветовая схема


Свой цвет
Выбрать цвет
Ширина сайта
Хлебные крошки
Для разработчиков