Clients - Blocks

Clients Carousel


<div class="owl-carousel" data-owl-dots="false" data-owl-nav="true" data-owl-margin="50" data-owl-autoplay="true" data-owl-xs="1" data-owl-sm="2" data-owl-md="3" data-owl-lg="4" data-owl-xl="5">
  <div class="client-box">
    <a href="#">
      <img src="../assets/images/client-1.png" alt="">
    </a>
  </div>
  <div class="client-box">
    <a href="#">
      <img src="../assets/images/client-2.png" alt="">
    </a>
  </div>
  <div class="client-box">
    <a href="#">
      <img src="../assets/images/client-3.png" alt="">
    </a>
  </div>
  <div class="client-box">
    <a href="#">
      <img src="../assets/images/client-4.png" alt="">
    </a>
  </div>
  <div class="client-box">
    <a href="#">
      <img src="../assets/images/client-5.png" alt="">
    </a>
  </div>
  <div class="client-box">
    <a href="#">
      <img src="../assets/images/client-6.png" alt="">
    </a>
  </div>
</div>

Clients Grid

2-5 Columns


<ul class="clients-grid column-5"><!-- column-5/column-4/column-3/column-2 -->
  <li>
    <a href="#">
      <img src="../assets/images/client-1.png" alt="">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="../assets/images/client-2.png" alt="">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="../assets/images/client-3.png" alt="">
    </a>
  </li>
  ...
</ul>

Clients Grid

Border Style - Solid


<ul class="clients-grid column-5 border-style-solid">
  <li>
    <a href="#">
      <img src="../assets/images/client-1.png" alt="">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="../assets/images/client-2.png" alt="">
    </a>
  </li>
  ...
</ul>

Clients Grid

Border Style - Dotted


<ul class="clients-grid column-5 border-style-dotted">
  <li>
    <a href="#">
      <img src="../assets/images/client-1.png" alt="">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="../assets/images/client-2.png" alt="">
    </a>
  </li>
  ...
</ul>