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>