Clients

Display the clients of your business that will make your site stand out on the web.

Style #1 #

<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 #

<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 #

<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>
HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download HTML Website Template Download