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 Carousel

We've over 4,000 clients
around the world


<div class="bg-white-09 backdrop-filter-blur border-radius box-shadow p-4 p-lg-5">
  <div class="row g-4 align-items-center">
    <div class="col-12 col-lg-5 col-xxl-4">
      <div class="d-flex align-items-center">
        <ul class="avatar-group">
          <li>
            <img src="../assets/images/img-src.jpg" alt="">
          </li>
          <li>
            <img src="../assets/images/img-src.jpg" alt="">
          </li>
          <li>
            <img src="../assets/images/img-src.jpg" alt="">
          </li>
        </ul>
        <div class="d-inline-block ps-3">
          <p>We've over 4,000 clients <br class="d-md-block">around the world</p>
        </div>
      </div>
    </div>
    <div class="col-12 col-lg-7 col-xxl-8">
      <div class="owl-carousel" data-owl-nav="true" data-owl-dots="false" data-owl-margin="50" data-owl-autoplay="true" data-owl-xs="1" data-owl-sm="2" data-owl-md="3" data-owl-lg="3" data-owl-xl="3">
        <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 class="client-box">
          <a href="#"><img src="../assets/images/client-7.png" alt=""></a>
        </div>
      </div><!-- end owl-carousel -->
    </div>
  </div><!-- end row -->
</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>