Title

Footer form

Carousels

Submitted by admin on

Node Title

Carousel Style 1

Carousel-image
Diya Martin

Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Christina Eve

Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Diya Martin

Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Christina Eve

Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Diya Martin

Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Christina Eve

Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

 
 
 
                                
<section class="carousels">
    <div class="container">
        <div class="carousels-block">
            <div class="carousels1">
                <h2>Carousel Title</h2>
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="content-block">
                                <div class="divide-block">
                                    <div class="img-block">
                                        <div class="img-wrapper">
                                            <img src="../assets/theme/img/home/home-1/stefan-stefancik-QXevDflbl8A-unsplash.jpg" alt="Carousel-image"/>
                                        </div>
                                        <div class="content-wrapper">
                                            <h5>Diya Martin</h5>
                                            <p>Director</p>
                                        </div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                </div>
                                <p class="user-feedback">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <div class="divide-block">
                                    <div class="img-block">
                                        <div class="img-wrapper">
                                            <img src="../assets/theme/img/home/home-1/Cesis-team-member_9-1200x1200.jpg" alt="Carousel-image"/>
                                        </div>
                                        <div class="content-wrapper">
                                            <h5>Christina Eve</h5>
                                            <p>Director</p>
                                        </div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                </div>
                                <p class="user-feedback">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <div class="divide-block">
                                    <div class="img-block">
                                        <div class="img-wrapper">
                                            <img src="../assets/theme/img/home/home-1/stefan-stefancik-QXevDflbl8A-unsplash.jpg" alt="Carousel-image"/>
                                        </div>
                                        <div class="content-wrapper">
                                            <h5>Diya Martin</h5>
                                            <p>Director</p>
                                        </div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                </div>
                                <p class="user-feedback">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <div class="divide-block">
                                    <div class="img-block">
                                        <div class="img-wrapper">
                                            <img src="../assets/theme/img/home/home-1/Cesis-team-member_9-1200x1200.jpg" alt="Carousel-image"/>
                                        </div>
                                        <div class="content-wrapper">
                                            <h5>Christina Eve</h5>
                                            <p>Director</p>
                                        </div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                </div>
                                <p class="user-feedback">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <div class="divide-block">
                                    <div class="img-block">
                                        <div class="img-wrapper">
                                            <img src="../assets/theme/img/home/home-1/stefan-stefancik-QXevDflbl8A-unsplash.jpg" alt="Carousel-image"/>
                                        </div>
                                        <div class="content-wrapper">
                                            <h5>Diya Martin</h5>
                                            <p>Director</p>
                                        </div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                </div>
                                <p class="user-feedback">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <div class="divide-block">
                                    <div class="img-block">
                                        <div class="img-wrapper">
                                            <img src="../assets/theme/img/home/home-1/Cesis-team-member_9-1200x1200.jpg" alt="Carousel-image"/>
                                        </div>
                                        <div class="content-wrapper">
                                            <h5>Christina Eve</h5>
                                            <p>Director</p>
                                        </div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                </div>
                                <p class="user-feedback">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>
</section>
                                
                            

Carousel Style 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Diya Martin

Customer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Christina Eve

Customer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Kesdriya Mark

Customer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Diya Martin

Customer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.

Carousel-image
Christina Eve

Customer

 
 
 
                                
<section class="carousels">
    <div class="container">
        <div class="carousels-block">
            <div class="carousels2">
                <h2>Carousel Title</h2>
                <div class="swiper mySwiper1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="content-block">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                            <div class="img-block">
                                <div class="img-wrapper">
                                    <img src="../assets/theme/img/home/home-1/stefan-stefancik-QXevDflbl8A-unsplash.jpg" alt="Carousel-image"/>
                                    <div class="svg-quotes">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                            <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                                <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                                <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                            </g>
                                        </svg>
                                    </div>
                                </div>
                                <h5>Diya Martin</h5>
                                <p>Customer</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                            <div class="img-block">
                                <div class="img-wrapper">
                                    <img src="../assets/theme/img/home/home-2/party-wings-team07-1.jpg" alt="Carousel-image"/>
                                    <div class="svg-quotes">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                            <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                                <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                                <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                            </g>
                                        </svg>
                                    </div>
                                </div>
                                <h5>Christina Eve</h5>
                                <p>Customer</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                            <div class="img-block">
                                <div class="img-wrapper">
                                    <img src="../assets/theme/img/home/home-2/Cesis-team-member_9-1200x1200.jpg" alt="Carousel-image"/>
                                    <div class="svg-quotes">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                            <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                                <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                                <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                            </g>
                                        </svg>
                                    </div>
                                </div>
                                <h5>Kesdriya Mark</h5>
                                <p>Customer</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                            <div class="img-block">
                                <div class="img-wrapper">
                                    <img src="../assets/theme/img/home/home-1/stefan-stefancik-QXevDflbl8A-unsplash.jpg" alt="Carousel-image"/>
                                    <div class="svg-quotes">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                            <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                                <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                                <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                            </g>
                                        </svg>
                                    </div>
                                </div>
                                <h5>Diya Martin</h5>
                                <p>Customer</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="content-block">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptat velit esse cillum dolore eu fugiat nulla pariatur.</p>
                            </div>
                            <div class="img-block">
                                <div class="img-wrapper">
                                    <img src="../assets/theme/img/home/home-2/party-wings-team07-1.jpg" alt="Carousel-image"/>
                                    <div class="svg-quotes">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                            <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                                <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                                <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                            </g>
                                        </svg>
                                    </div>
                                </div>
                                <h5>Christina Eve</h5>
                                <p>Customer</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>
</section>
                                
                            

Carousel Style 3

                                
<section class="carousels">
    <div class="container">
        <div class="carousels-block">
            <div class="carousels3">
                <h2>Carousel Title</h2>
                <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="content-block">
                                <div class="img-wrapper">
                                    <img src="../assets/theme/img/home/home-3/Cesis-team-member_11-1200x1200.jpg" alt="Carousel-image"/>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                <div class="quotes-content">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                    <h5>Christina Eve</h5>
                                    <p>Director</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="content-block">
                                <div class="img-wrapper">
                                    <img src="../assets/theme/img/home/home-3/Cesis-team-member_11-1200x1200.jpg" alt="Carousel-image"/>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                <div class="quotes-content">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                    <h5>Diya Martin</h5>
                                    <p>Director</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="content-block">
                                <div class="img-wrapper">
                                    <img src="../assets/theme/img/home/home-3/Cesis-team-member_11-1200x1200.jpg" alt="Carousel-image"/>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                <div class="quotes-content">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="260" height="190.215" viewBox="0 0 260 190.215">
                                        <g data-name="Group 40010" transform="translate(-562.469 -6770)">
                                            <path data-name="Path 311" d="M489.793,134.69c-3-28.508-27.248-51.1-56.4-52.445-34.332-1.613-62.67,25.282-62.67,58.9,0,24.743,15.532,45.721,37.329,54.6l-33.514,67.775a6.248,6.248,0,0,0,5.449,8.875h22.888a5.849,5.849,0,0,0,4.9-2.42l71.934-95.745a60.123,60.123,0,0,0,10.085-39.537Z" transform="translate(332.403 6687.824)" fill="#111"></path>
                                            <path data-name="Path 312" d="M146.67,82.245C112.338,80.632,84,107.527,84,141.145c0,24.743,15.532,45.721,37.329,54.6L87.815,263.516a6.248,6.248,0,0,0,5.449,8.875h22.888a5.848,5.848,0,0,0,4.9-2.42l71.934-95.745a57.339,57.339,0,0,0,9.809-39.267c-3-28.779-27.246-51.369-56.13-52.714Z" transform="translate(478.469 6687.824)" fill="#111"></path>
                                        </g>
                                    </svg>
                                    <h5>Kesdriya Mark</h5>
                                    <p>Director</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true">
                            <svg xmlns="http://www.w3.org/2000/svg" width="75" height="150" viewBox="0 0 75 150">
                                <path data-name="Path 39257" d="M261.025,186.4l71.48-73.207a1.735,1.735,0,0,1,1.913-.392,1.777,1.777,0,0,1,1.079,1.639v20.163a1.688,1.688,0,0,1-.521,1.247l-50.613,51.835,50.609,51.8a1.834,1.834,0,0,1,.521,1.247v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L261.02,188.9a1.81,1.81,0,0,1-.522-1.247,1.749,1.749,0,0,1,.522-1.247Z" transform="translate(-260.498 -112.669)" fill="#111"/>
                            </svg>
                        </span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true">
                            <svg xmlns="http://www.w3.org/2000/svg" width="75" height="150" viewBox="0 0 75 150">
                                <path data-name="Path 39258" d="M334.97,186.4,263.49,113.2a1.735,1.735,0,0,0-1.913-.392,1.777,1.777,0,0,0-1.079,1.639v20.163a1.688,1.688,0,0,0,.521,1.247l50.613,51.835-50.609,51.8a1.834,1.834,0,0,0-.521,1.247v20.163a1.775,1.775,0,0,0,1.079,1.639,1.679,1.679,0,0,0,1.878-.392L334.976,188.9a1.811,1.811,0,0,0,.522-1.247,1.749,1.749,0,0,0-.522-1.247Z" transform="translate(-260.498 -112.669)" fill="#111"/>
                            </svg>
                        </span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</section>
                                
                            

Auto Carousel Style 1

                                
<section class="carousels">
    <div class="container">
        <div class="carousels-block">
            <div class="carousels4">
                <h2>Carousel Title</h2>
                <div class="owl-carousel owl-theme" id="owl-carousel1">
                    <div class="img-wrapper">
                        <img src="sites/default/files/portfolio/portfolio1.png" alt="Carousel-image" />
                        <div class="svg-box">
                            <a href="sites/default/files/portfolio/portfolio1.png" title="Protfolio-Image" data-fancybox="">
                                <svg xmlns="http://www.w3.org/2000/svg" width="149.136" height="149.134" viewBox="0 0 149.136 149.134">
                                    <g data-name="Group 39966" transform="translate(-933.068 -3261)">
                                        <path data-name="Path 371" d="M172.828,102.829h41.888V89.6H159.6v52.911h13.227Z" transform="translate(773.469 3171.398)" fill="#111"/>
                                        <path data-name="Path 372" d="M214.717,375.683H172.829V336H159.6v52.911h55.116Z" transform="translate(773.468 3021.223)" fill="#111"/>
                                        <path data-name="Path 373" d="M455.517,336H442.29v39.683H400.4V388.91h55.115Z" transform="translate(626.686 3021.223)" fill="#111"/>
                                        <path data-name="Path 374" d="M455.516,89.6H400.4v13.227h41.888v39.683h13.227Z" transform="translate(626.688 3171.398)" fill="#111"/>
                                    </g>
                                </svg>
                            </a>
                        </div>
                        <div class="content-wrapper">
                            <h5>Sed ut perspiciatis</h5>
                            <p>Branding</p>
                        </div>
                    </div>
                    <div class="img-wrapper">
                        <img src="sites/default/files/portfolio/portfolio2.jpg" alt="Carousel-image" />
                        <div class="svg-box">
                            <a href="sites/default/files/portfolio/portfolio2.jpg" title="Protfolio-Image" data-fancybox="">
                                <svg xmlns="http://www.w3.org/2000/svg" width="149.136" height="149.134" viewBox="0 0 149.136 149.134">
                                    <g data-name="Group 39966" transform="translate(-933.068 -3261)">
                                        <path data-name="Path 371" d="M172.828,102.829h41.888V89.6H159.6v52.911h13.227Z" transform="translate(773.469 3171.398)" fill="#111"/>
                                        <path data-name="Path 372" d="M214.717,375.683H172.829V336H159.6v52.911h55.116Z" transform="translate(773.468 3021.223)" fill="#111"/>
                                        <path data-name="Path 373" d="M455.517,336H442.29v39.683H400.4V388.91h55.115Z" transform="translate(626.686 3021.223)" fill="#111"/>
                                        <path data-name="Path 374" d="M455.516,89.6H400.4v13.227h41.888v39.683h13.227Z" transform="translate(626.688 3171.398)" fill="#111"/>
                                    </g>
                                </svg>
                            </a>
                        </div>
                        <div class="content-wrapper">
                            <h5>Sed ut perspiciatis</h5>
                            <p>Branding</p>
                        </div>
                    </div>
                    <div class="img-wrapper">
                        <img src="sites/default/files/portfolio/portfolio3.jpg" alt="Carousel-image" />
                        <div class="svg-box">
                            <a href="sites/default/files/portfolio/portfolio3.jpg" title="Protfolio-Image" data-fancybox="">
                                <svg xmlns="http://www.w3.org/2000/svg" width="149.136" height="149.134" viewBox="0 0 149.136 149.134">
                                    <g data-name="Group 39966" transform="translate(-933.068 -3261)">
                                        <path data-name="Path 371" d="M172.828,102.829h41.888V89.6H159.6v52.911h13.227Z" transform="translate(773.469 3171.398)" fill="#111"/>
                                        <path data-name="Path 372" d="M214.717,375.683H172.829V336H159.6v52.911h55.116Z" transform="translate(773.468 3021.223)" fill="#111"/>
                                        <path data-name="Path 373" d="M455.517,336H442.29v39.683H400.4V388.91h55.115Z" transform="translate(626.686 3021.223)" fill="#111"/>
                                        <path data-name="Path 374" d="M455.516,89.6H400.4v13.227h41.888v39.683h13.227Z" transform="translate(626.688 3171.398)" fill="#111"/>
                                    </g>
                                </svg>
                            </a>
                        </div>
                        <div class="content-wrapper">
                            <h5>Sed ut perspiciatis</h5>
                            <p>Branding</p>
                        </div>
                    </div>
                    <div class="img-wrapper">
                        <img src="sites/default/files/portfolio/portfolio1.png" alt="Carousel-image" />
                        <div class="svg-box">
                            <a href="sites/default/files/portfolio/portfolio1.png" title="Protfolio-Image" data-fancybox="">
                                <svg xmlns="http://www.w3.org/2000/svg" width="149.136" height="149.134" viewBox="0 0 149.136 149.134">
                                    <g data-name="Group 39966" transform="translate(-933.068 -3261)">
                                        <path data-name="Path 371" d="M172.828,102.829h41.888V89.6H159.6v52.911h13.227Z" transform="translate(773.469 3171.398)" fill="#111"/>
                                        <path data-name="Path 372" d="M214.717,375.683H172.829V336H159.6v52.911h55.116Z" transform="translate(773.468 3021.223)" fill="#111"/>
                                        <path data-name="Path 373" d="M455.517,336H442.29v39.683H400.4V388.91h55.115Z" transform="translate(626.686 3021.223)" fill="#111"/>
                                        <path data-name="Path 374" d="M455.516,89.6H400.4v13.227h41.888v39.683h13.227Z" transform="translate(626.688 3171.398)" fill="#111"/>
                                    </g>
                                </svg>
                            </a>
                        </div>
                        <div class="content-wrapper">
                            <h5>Sed ut perspiciatis</h5>
                            <p>Branding</p>
                        </div>
                    </div>
                    <div class="img-wrapper">
                        <img src="sites/default/files/portfolio/portfolio2.jpg" alt="Carousel-image" />
                        <div class="svg-box">
                            <a href="sites/default/files/portfolio/portfolio2.jpg" title="Protfolio-Image" data-fancybox="">
                                <svg xmlns="http://www.w3.org/2000/svg" width="149.136" height="149.134" viewBox="0 0 149.136 149.134">
                                    <g data-name="Group 39966" transform="translate(-933.068 -3261)">
                                        <path data-name="Path 371" d="M172.828,102.829h41.888V89.6H159.6v52.911h13.227Z" transform="translate(773.469 3171.398)" fill="#111"/>
                                        <path data-name="Path 372" d="M214.717,375.683H172.829V336H159.6v52.911h55.116Z" transform="translate(773.468 3021.223)" fill="#111"/>
                                        <path data-name="Path 373" d="M455.517,336H442.29v39.683H400.4V388.91h55.115Z" transform="translate(626.686 3021.223)" fill="#111"/>
                                        <path data-name="Path 374" d="M455.516,89.6H400.4v13.227h41.888v39.683h13.227Z" transform="translate(626.688 3171.398)" fill="#111"/>
                                    </g>
                                </svg>
                            </a>
                        </div>
                        <div class="content-wrapper">
                            <h5>Sed ut perspiciatis</h5>
                            <p>Branding</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                                
                            

Auto Carousel Style 2

                                
<section class="carousels">
    <div class="container">
        <div class="carousels-block">
            <div class="carousels5">
                <h2>Auto Carousel Title</h2>
                <div class="owl-carousel owl-theme" id="owl-carousel2">
                    <div class="img-wrapper">
                        <img src="../assets/theme/img/home/home-1/logo-04@2x.png" alt="Carousel-image" />
                    </div>
                    <div class="img-wrapper">
                        <img src="../assets/theme/img/home/home-1/logo-01@2x.png" alt="Carousel-image" />
                    </div>
                    <div class="img-wrapper">
                        <img src="../assets/theme/img/home/home-1/logo-05@2x.png" alt="Carousel-image" />
                    </div>
                    <div class="img-wrapper">
                        <img src="../assets/theme/img/home/home-1/logo-03@2x.png" alt="Carousel-image" />
                    </div>
                    <div class="img-wrapper">
                        <img src="../assets/theme/img/home/home-1/logo-08@2x.png" alt="Carousel-image" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>