Clients
Display the clients of your business that will make your site stand out on the web.
Style #1 #
Trusted by
<div class="bg-gray-02 pb-13">
<div class="container">
<div class="border-top pt-11 mb-9">
<h4 class="mb-0 font-weight-bold text-uppercase">
Trusted by
</h4>
</div>
<div class="slick-slider client-logo"
data-slick-options='{"slidesToShow": 5,"autoplay":true,"dots":false,"arrows":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow": 4}},{"breakpoint": 770,"settings": {"slidesToShow": 3}},{"breakpoint": 576,"settings": {"slidesToShow": 2}}]}'>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-1.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-2.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-3.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-4.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-5.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-1.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-2.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-3.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-4.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-5.png" alt="Client logo">
</a>
</div>
</div>
</div>
</div>
Style #2 #
Trusted by
<div class="border-bottom py-8">
<div class="container">
<div class="position-relative client-logo inline">
<h4 class="font-weight-light mb-0 d-inline position-absolute">
Trusted by
</h4>
<div class="slick-slider"
data-slick-options='{"slidesToShow": 5,"autoplay":true,"dots":false,"arrows":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow": 4}},{"breakpoint": 770,"settings": {"slidesToShow": 3}},{"breakpoint": 576,"settings": {"slidesToShow": 2}},{"breakpoint": 400,"settings": {"slidesToShow": 1}}]}'>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-1.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-2.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-3.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-4.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-5.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-1.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-2.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-3.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-4.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-5.png" alt="Client logo">
</a>
</div>
</div>
</div>
</div>
</div>
Style #3 #
Trusted by
<div class="bg-gray-02 border-bottom py-8 mb-10">
<div class="container">
<div class="position-relative client-logo inline">
<h4 class="font-weight-light mb-0 d-inline position-absolute">
Trusted by
</h4>
<div class="slick-slider"
data-slick-options='{"slidesToShow": 5,"autoplay":true,"dots":false,"arrows":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow": 4}},{"breakpoint": 770,"settings": {"slidesToShow": 3}},{"breakpoint": 576,"settings": {"slidesToShow": 2}},{"breakpoint": 400,"settings": {"slidesToShow": 1}}]}'>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-1.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-2.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-3.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-4.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-5.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-1.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-2.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-3.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-4.png" alt="Client logo">
</a>
</div>
<div class="box">
<a href="#" class="item">
<img src="../images/listing/trust-by-5.png" alt="Client logo">
</a>
</div>
</div>
</div>
</div>
</div>