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

Testimonials

Testimonial default

.owl-testimonial-default

<div class="owl-carousel owl-testimonial-default">                        
  
  <div class="item">
    <blockquote class="testimonial">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left" src="../img/blog/image_01.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">John Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

  <div class="item">
    <blockquote class="testimonial">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left" src="../img/blog/image_02.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">Jane Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

</div><!-- end owl-carousel -->  

Testimonial rounded

.owl-testimonial-default

<div class="owl-carousel owl-testimonial-default">                        
  
  <div class="item">
    <blockquote class="testimonial rounded">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left rounded" src="../img/blog/image_01.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">John Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

  <div class="item">
    <blockquote class="testimonial rounded">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left rounded" src="../img/blog/image_02.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">Jane Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

</div><!-- end owl-carousel -->  

Testimonial rounded-x2

.owl-testimonial-default

<div class="owl-carousel owl-testimonial-default">                        
  
  <div class="item">
    <blockquote class="testimonial rounded-x2">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left rounded-x2" src="../img/blog/image_01.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">John Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

  <div class="item">
    <blockquote class="testimonial rounded-x2">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left rounded-x2" src="../img/blog/image_02.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">Jane Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

</div><!-- end owl-carousel -->  

Testimonial circle

.owl-testimonial-default

<div class="owl-carousel owl-testimonial-default nav-circle">                        
  
  <div class="item">
    <blockquote class="testimonial rounded-x4">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left circle" src="../img/blog/image_01.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">John Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

  <div class="item">
    <blockquote class="testimonial rounded-x4">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left circle" src="../img/blog/image_02.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">Jane Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

</div><!-- end owl-carousel -->  

Testimonial grey

.owl-testimonial-default .testimonial-grey

<div class="owl-carousel owl-testimonial-default testimonial-grey">                        
  
  <div class="item">
    <blockquote class="testimonial">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left" src="../img/blog/image_01.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">John Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

  <div class="item">
    <blockquote class="testimonial">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left" src="../img/blog/image_02.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">Jane Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

</div><!-- end owl-carousel -->  

Testimonial dark

.owl-testimonial-default .testimonial-dark

<div class="owl-carousel owl-testimonial-default testimonial-dark">                        
  
  <div class="item">
    <blockquote class="testimonial">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left" src="../img/blog/image_01.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">John Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

  <div class="item">
    <blockquote class="testimonial">
      <p>Crasjusto ducimus qui cupiditate non provident, similique sunt in culpaid est anditiis praesentium praesentium blanditiis praesentium non provident, similique sunt in culpaid est anditiis praesentium praesentium...</p>
    </blockquote>
    <div class="arrow-down"></div>
    <div class="testimonial-info">
      <img class="pull-left" src="../img/blog/image_02.jpg" alt="" />
      <div class="testimonial-author">
        <h6><a href="#">Jane Doe</a></h6>
        Programmer, <i>Company Name</i>
      </div><!-- end testimonial-author -->
    </div><!-- end testimonial-info -->
  </div><!-- end item -->

</div><!-- end owl-carousel -->