Theme info

• Theme Credits
• Theme Structure
• Theme Settings
• changelog

Features

• Footers
• Sections
• Typography

Elements

• Boxes
• Buttons
• Breadcrumbs
• Carousel
• Counters
• Icon Boxes
• Lists
• Progress bar
• Testiomonials

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 -->