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 -->
Цветовая схема


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