Carousels

                
                
        <div class="owl-carousel owl-theme carousel-type-1">
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
        </div>    
                
            
                
                
        <div class="carousel-type-2-outer">
            <div class="owl-carousel owl-theme carousel-type-2">
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
                <div class="carousel-img">
                    <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
                </div>
            </div>  
        </div>
                
            
                
                
        <div class="owl-carousel owl-theme carousel-type-3">
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client5.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client5.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client1.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client2.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client3.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client4.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
            <div class="carousel-img">
                <img src="../sites/default/files/Images/Source-Images/client5.svg" alt="Carousel Image 1" class="img-fluid">
            </div>
        </div> 
                
            
                
                
        <div class="carousel-style-4">
            <div class="container pb-5">
                <!-- Carousel Heading -->
                <div class="carousel-heading text-center">
                    <h3>Carousels Style 4</h3>
                </div>
                <!-- Carousel Items -->
                <div class="carousel-description">
                    <span>Clients</span>
                    <p class="tagline">Our Clients are always Cool</p>
                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempore quasi aliquam architecto. Beatae vel suscipit optio, nisi fugiat Tempore quasi aliquam architecto Beatae.</p>
                </div>
                <div class="owl-carousel owl-theme carousel-type-4">
                    <div class="carousel-img">
                        <svg id="Icon_ionic-logo-css3" data-name="Icon ionic-logo-css3" xmlns="http://www.w3.org/2000/svg" width="60" height="70" viewBox="0 0 60 70">
                            <path id="Path_31" data-name="Path 31" d="M-5.605,17.12Z" transform="translate(35.649 30.925)" fill="#fd226a"/>
                            <path id="Path_32" data-name="Path 32" d="M-19.125-4.5l5.46,63,24.5,7L35.41,58.492,40.875-4.5ZM26.293,47.828,10.886,52.222-4.5,47.809-5.552,35.656h7.54l.536,6.182L10.9,44.207l.021.043h.005l8.354-2.321.877-10.023H2.594l-.625-7.812H20.82l.687-7.969H-7.25l-.625-7.656H29.716Z" transform="translate(19.125 4.5)" fill="#fd226a"/>
                        </svg>                      
                    </div>
                    <div class="carousel-img">
                        <svg id="Icon_ionic-logo-slack" data-name="Icon ionic-logo-slack" xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
                            <path id="Path_33" data-name="Path 33" d="M15.623,15.736H30.215V29.83H15.623Z" transform="translate(12.074 12.271)" fill="#fd226a"/>
                            <g id="Group_92" data-name="Group 92" transform="translate(0 0)">
                                <path id="Path_34" data-name="Path 34" d="M15.623,15.736H30.215V29.83H15.623Z" transform="translate(12.074 12.271)" fill="#fd226a"/>
                                <path id="Path_35" data-name="Path 35" d="M68.191,26.5C60.973,2.438,50.561-3.161,26.5,4.057S-3.161,21.687,4.057,45.748s17.63,29.661,41.691,22.442S75.409,50.561,68.191,26.5ZM56.044,42.117l-4.535,1.517,1.56,4.7a3.651,3.651,0,0,1-2.289,4.593,3.284,3.284,0,0,1-1.225.175A3.719,3.719,0,0,1,46.2,50.634l-1.56-4.7-9.347,3.135,1.56,4.7a3.651,3.651,0,0,1-2.289,4.593,3.284,3.284,0,0,1-1.225.175,3.719,3.719,0,0,1-3.354-2.464L28.4,51.348l-4.521,1.5a3.284,3.284,0,0,1-1.225.175A3.719,3.719,0,0,1,19.3,50.561a3.651,3.651,0,0,1,2.289-4.593l4.535-1.517L23.1,35.439l-4.535,1.517a3.284,3.284,0,0,1-1.225.175,3.719,3.719,0,0,1-3.354-2.464,3.651,3.651,0,0,1,2.289-4.593l4.535-1.517-1.589-4.681a3.629,3.629,0,0,1,6.883-2.3l1.56,4.7,9.347-3.135-1.56-4.7a3.629,3.629,0,0,1,6.883-2.3l1.56,4.7,4.535-1.517a3.629,3.629,0,1,1,2.3,6.883L46.2,27.71l3.019,9.012,4.535-1.517a3.641,3.641,0,1,1,2.289,6.912Z" transform="translate(-1.124 -1.124)" fill="#fd226a"/>
                            </g>
                        </svg>                      
                    </div>
                    <div class="carousel-img">
                        <svg id="Icon_ionic-logo-android" data-name="Icon ionic-logo-android" xmlns="http://www.w3.org/2000/svg" width="64" height="70" viewBox="0 0 64 70">
                            <g id="Group_91" data-name="Group 91" transform="translate(0 19.386)">
                                <path id="Path_23" data-name="Path 23" d="M10.125,27.779V44.525a2.429,2.429,0,0,0,2.13,2.617H17.6V56.86a4.484,4.484,0,1,0,8.969,0V47.141h9.156V56.86a4.466,4.466,0,0,0,1.644,3.476,4.174,4.174,0,0,0,2.747,1.009h.093a4.474,4.474,0,0,0,4.484-4.486V47.141h5.157a2.409,2.409,0,0,0,2.13-2.6V13.5H10.125Z" transform="translate(0.948 -10.732)" fill="#fd226a"/>
                                <path id="Path_24" data-name="Path 24" d="M31.152,12.375A4.142,4.142,0,0,0,27,16.527v16.61a4.152,4.152,0,0,0,8.3,0V16.527A4.142,4.142,0,0,0,31.152,12.375Z" transform="translate(28.695 -12.375)" fill="#fd226a"/>
                                <path id="Path_25" data-name="Path 25" d="M9.777,12.375a4.142,4.142,0,0,0-4.152,4.152v16.61a4.152,4.152,0,0,0,8.3,0V16.527A4.142,4.142,0,0,0,9.777,12.375Z" transform="translate(-5.625 -12.375)" fill="#fd226a"/>
                            </g>
                            <path id="Path_26" data-name="Path 26" d="M41.37,8.848l3.457-3.789c.075-.087-.037-.277-.243-.433-.206-.138-.449-.173-.5-.069L40.492,8.5a27.2,27.2,0,0,0-9.456-1.523A27.448,27.448,0,0,0,21.543,8.45L17.992,4.574c-.075-.087-.3-.069-.5.069s-.318.311-.243.433l3.42,3.737C11.657,12.429,10.312,21.3,10.125,23.9H51.91C51.741,21.288,50.415,12.533,41.37,8.848ZM21.861,17.464a2.431,2.431,0,0,1-2.523-2.3,2.533,2.533,0,0,1,5.046,0A2.42,2.42,0,0,1,21.861,17.464Zm18.388,0a2.431,2.431,0,0,1-2.523-2.3,2.533,2.533,0,0,1,5.046,0A2.431,2.431,0,0,1,40.249,17.464Z" transform="translate(0.948 -4.497)" fill="#fd226a"/>
                        </svg>                      
                    </div>
                    <div class="carousel-img">                    
                        <svg id="Icon_ionic-logo-xbox" data-name="Icon ionic-logo-xbox" xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
                            <path id="Path_27" data-name="Path 27" d="M16.954,31.111A84.89,84.89,0,0,1,29.038,16.717S22.507,9.132,14.643,6.262l-.512-.124a34.764,34.764,0,0,0-4.87,47.107C9.261,52.563,9.354,42.341,16.954,31.111Z" transform="translate(-2.25 2.439)" fill="#fd226a"/>
                            <path id="Path_28" data-name="Path 28" d="M48.395,32.305A34.7,34.7,0,0,0,36.513,6.138l-.5.14c-7.864,2.87-14.41,10.454-14.41,10.454A84.89,84.89,0,0,1,33.69,31.127c7.6,11.23,7.693,21.452,7.678,22.134A34.559,34.559,0,0,0,48.395,32.305Z" transform="translate(21.605 2.439)" fill="#fd226a"/>
                            <path id="Path_29" data-name="Path 29" d="M20.406,9.835A41.184,41.184,0,0,1,28.985,15.2a42.667,42.667,0,0,1,8.61-5.367,18.142,18.142,0,0,1,11.36-1.474,35.582,35.582,0,0,0-39.878,0C10.209,8.082,14.608,7.26,20.406,9.835Z" transform="translate(5.984 -2.25)" fill="#fd226a"/>
                            <path id="Path_30" data-name="Path 30" d="M48.487,28.557A79.54,79.54,0,0,0,32.368,13.992,80.319,80.319,0,0,0,16.281,28.557C10.047,36.142,7.729,41.71,6.476,45.278l-.2.745a35.315,35.315,0,0,0,52.255,0l-.219-.745C57.055,41.71,54.721,36.142,48.487,28.557Z" transform="translate(2.6 12.422)" fill="#fd226a"/>
                        </svg>
                    </div>
                </div>    
            </div>
        </div>  
                
            

Contact Us

© Copyrights 2025. All Rights Reserved by drupalthemes.io

HEADER STYLE
COLOR SCHEMES