Carousels

Carousel Style 1

Steve Jobs

CEO, Abc Solutions

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

Martin Leonardo

CTO, Abc Solutions

At 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

Anjelina

SEO, Abc Solutions

Suid at 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

                
<section class="carousel elements dt-section">
    <div class="container">
        <h2>Carousel Style 1</h2>
        <div class="carousel1">
            <div class="slider slider-nav">
                <div class="image-wrapper">
                    <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Image-23.jpg" alt="image">
                </div>
                <div class="image-wrapper">
                    <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Team-33.jpg" alt="image">
                </div>
                <div class="image-wrapper">
                    <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Team-5.jpg" alt="image">
                </div>
            </div>
            <div class="slider slider-for">
                <div class="item">
                    
                    <h4>Steve  Jobs</h4>
                    <span class="designation">CEO, Abc Solutions</span>
                    <div class="carousel-content">
                        <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</p>
                    </div>
                </div>
                <div class="item">
                    
                    <h4>Martin Leonardo</h4>
                    <span class="designation">CTO, Abc Solutions</span>
                    <div class="carousel-content">
                        <p>At 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</p>
                    </div>
                </div>
                <div class="item">
                    
                    <h4>Anjelina</h4>
                    <span class="designation">SEO, Abc Solutions</span>
                    <div class="carousel-content">
                        <p>Suid at 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</p>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</section>

Carousel Style 2

                
<section class="carousel elements dt-section">
    <div class="container">
        <h2>Carousel Style 2</h2>
        <div class="carousel2">
            <div class="owl-theme owl-carousel carousel-2">
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-1.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-2.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-3.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-4.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-1.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-2.png" alt="image">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Carousel Style 3

Martin Leonardo

CEO, Abc Solutions

Martin Leonardo

CEO, Abc Solutions

Martin Leonardo

CEO, Abc Solutions

                
<section class="carousel elements dt-section">
    <div class="container">
        <h2>Carousel Style 3</h2>
        <div class="carousel3">
            <div class="owl-theme owl-carousel carousel-3">
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Team-5.jpg" alt="image">
                    </div>
                    <div class="carousel-content">
                        <svg xmlns="http://www.w3.org/2000/svg" width="210" height="150" viewBox="0 0 210 150">
                            <path data-name="Union 75" d="M119.391,137.721a13.416,13.416,0,0,1,9.134-13.956l.412-.126a52.351,52.351,0,0,0,28.709-22.411c-26.019-1.251-46.758-23.364-46.758-50.551C110.888,22.687,132.864,0,159.974,0c25.656,0,46.709,20.36,48.866,46.273a23.092,23.092,0,0,1,.533,3.1l.19,2.079a96.4,96.4,0,0,1-3.415,36.267,91.083,91.083,0,0,1-16.16,31.166c-14.341,18.084-35.442,29.214-56.545,31.065q-.562.049-1.116.049A13.157,13.157,0,0,1,119.391,137.721Zm-110.887,0a13.415,13.415,0,0,1,9.134-13.956l.412-.126A52.352,52.352,0,0,0,46.76,101.228C20.74,99.978,0,77.864,0,50.677,0,22.687,21.977,0,49.087,0,74.743,0,95.8,20.36,97.952,46.273a23.1,23.1,0,0,1,.533,3.1l.191,2.079A96.4,96.4,0,0,1,95.26,87.721,91.089,91.089,0,0,1,79.1,118.886C64.759,136.971,43.658,148.1,22.556,149.951q-.562.049-1.116.049A13.157,13.157,0,0,1,8.5,137.721Z" transform="translate(-0.001)" fill="#1a1a1a"/>
                        </svg>
                        <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</p>
                        <h4>Martin Leonardo</h4>
                        <span class="designation">CEO, Abc Solutions</span>
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Team-33.jpg" alt="image">
                    </div>
                    <div class="carousel-content">
                        <svg xmlns="http://www.w3.org/2000/svg" width="210" height="150" viewBox="0 0 210 150">
                            <path data-name="Union 75" d="M119.391,137.721a13.416,13.416,0,0,1,9.134-13.956l.412-.126a52.351,52.351,0,0,0,28.709-22.411c-26.019-1.251-46.758-23.364-46.758-50.551C110.888,22.687,132.864,0,159.974,0c25.656,0,46.709,20.36,48.866,46.273a23.092,23.092,0,0,1,.533,3.1l.19,2.079a96.4,96.4,0,0,1-3.415,36.267,91.083,91.083,0,0,1-16.16,31.166c-14.341,18.084-35.442,29.214-56.545,31.065q-.562.049-1.116.049A13.157,13.157,0,0,1,119.391,137.721Zm-110.887,0a13.415,13.415,0,0,1,9.134-13.956l.412-.126A52.352,52.352,0,0,0,46.76,101.228C20.74,99.978,0,77.864,0,50.677,0,22.687,21.977,0,49.087,0,74.743,0,95.8,20.36,97.952,46.273a23.1,23.1,0,0,1,.533,3.1l.191,2.079A96.4,96.4,0,0,1,95.26,87.721,91.089,91.089,0,0,1,79.1,118.886C64.759,136.971,43.658,148.1,22.556,149.951q-.562.049-1.116.049A13.157,13.157,0,0,1,8.5,137.721Z" transform="translate(-0.001)" fill="#1a1a1a"/>
                        </svg>
                        <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</p>
                        <h4>Martin Leonardo</h4>
                        <span class="designation">CEO, Abc Solutions</span>
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Image-23.jpg" alt="image">
                    </div>
                    <div class="carousel-content">
                        <svg xmlns="http://www.w3.org/2000/svg" width="210" height="150" viewBox="0 0 210 150">
                            <path data-name="Union 75" d="M119.391,137.721a13.416,13.416,0,0,1,9.134-13.956l.412-.126a52.351,52.351,0,0,0,28.709-22.411c-26.019-1.251-46.758-23.364-46.758-50.551C110.888,22.687,132.864,0,159.974,0c25.656,0,46.709,20.36,48.866,46.273a23.092,23.092,0,0,1,.533,3.1l.19,2.079a96.4,96.4,0,0,1-3.415,36.267,91.083,91.083,0,0,1-16.16,31.166c-14.341,18.084-35.442,29.214-56.545,31.065q-.562.049-1.116.049A13.157,13.157,0,0,1,119.391,137.721Zm-110.887,0a13.415,13.415,0,0,1,9.134-13.956l.412-.126A52.352,52.352,0,0,0,46.76,101.228C20.74,99.978,0,77.864,0,50.677,0,22.687,21.977,0,49.087,0,74.743,0,95.8,20.36,97.952,46.273a23.1,23.1,0,0,1,.533,3.1l.191,2.079A96.4,96.4,0,0,1,95.26,87.721,91.089,91.089,0,0,1,79.1,118.886C64.759,136.971,43.658,148.1,22.556,149.951q-.562.049-1.116.049A13.157,13.157,0,0,1,8.5,137.721Z" transform="translate(-0.001)" fill="#1a1a1a"/>
                        </svg>
                        <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</p>
                        <h4>Martin Leonardo</h4>
                        <span class="designation">CEO, Abc Solutions</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Carousel Style 4

“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”

Martin Leonardo

CEO, Abc Solutions

Martin Leonardo

CEO, Abc Solutions

Martin Leonardo

CEO, Abc Solutions

                
<section class="carousel elements dt-section">
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="contents" style="background-image:linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),url('../themes/custom/corporate_pro/assets/theme/img/carousels/Image-1.jpeg');background-repeat:no-repeat;background-size: cover;">
                    <div class="container">
                        <div class="swi-item">
                            <div class="image-wrapper">
                                <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Team-5.jpg" alt="testimonial-image">
                            </div>
                            <div class="carousel-content">
                                <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”</p>
                            </div>
                            <h4>Martin Leonardo</h4>
                            <span class="designation">CEO, Abc Solutions</span>
                        </div>
                        <div class="swipper-button">
                            <div class="swiper-button-next">
                                <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                                    <path  data-name="Path 40881" d="M120,0,107.984,12.283,0,123.266,24.025,150,120,51.305,215.975,150,240,123.266,132.016,12.283Z" fill="#1a1a1a"/>
                                </svg>
                            </div>   
                            <div class="swiper-button-prev">
                                <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                                    <path data-name="Path 40880" d="M120,150l-12.012-12.283L0,26.734,24.025,0,120,98.695,215.975,0,240,26.734,132.016,137.717Z" fill="#1a1a1a"/>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="contents" style="background-image:linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),url('../themes/custom/corporate_pro/assets/theme/img/blog/Image-11.jpeg');background-repeat:no-repeat;background-size: cover;">
                    <div class="container">
                        <div class="swi-item">
                            <div class="image-wrapper">
                                <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Team-5.jpg" alt="testimonial-image">
                            </div>
                            <div class="carousel-content">
                                <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”</p>
                            </div>
                            <h4>Martin Leonardo</h4>
                            <span class="designation">CEO, Abc Solutions</span>
                        </div>
                        <div class="swipper-button">
                            <div class="swiper-button-next">
                                <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                                    <path  data-name="Path 40881" d="M120,0,107.984,12.283,0,123.266,24.025,150,120,51.305,215.975,150,240,123.266,132.016,12.283Z" fill="#1a1a1a"/>
                                </svg>
                            </div>   
                            <div class="swiper-button-prev">
                                <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                                    <path data-name="Path 40880" d="M120,150l-12.012-12.283L0,26.734,24.025,0,120,98.695,215.975,0,240,26.734,132.016,137.717Z" fill="#1a1a1a"/>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="contents" style="background-image:linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),url('../themes/custom/corporate_pro/assets/theme/img/carousels/Image-1.jpeg');background-repeat:no-repeat;background-size: cover;">
                    <div class="container">
                        <div class="swi-item">
                            <div class="image-wrapper">
                                <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/Team-5.jpg" alt="testimonial-image">
                            </div>
                            <div class="carousel-content">
                                <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”</p>
                            </div>
                            <h4>Martin Leonardo</h4>
                            <span class="designation">CEO, Abc Solutions</span>
                        </div>
                        <div class="swipper-button">
                            <div class="swiper-button-next">
                                <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                                    <path  data-name="Path 40881" d="M120,0,107.984,12.283,0,123.266,24.025,150,120,51.305,215.975,150,240,123.266,132.016,12.283Z" fill="#1a1a1a"/>
                                </svg>
                            </div>   
                            <div class="swiper-button-prev">
                                <svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
                                    <path data-name="Path 40880" d="M120,150l-12.012-12.283L0,26.734,24.025,0,120,98.695,215.975,0,240,26.734,132.016,137.717Z" fill="#1a1a1a"/>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Carousel Style 5

                
<section class="carousel elements dt-section">
    <div class="container">
        <div class="carousel5">
            <div class="owl-theme owl-carousel carousel-5">
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-1.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-2.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-3.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-4.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-1.png" alt="image">
                    </div>
                </div>
                <div class="item">
                    <div class="image-wrapper">
                        <img src="../themes/custom/corporate_pro/assets/theme/img/carousels/logo-2.png" alt="image">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Carousel Style 1

Steve Jobs

Martin Leonardo

Anjelina

Carousel Style 2

Carousel Style 3

Martin Leonardo

Martin Leonardo

Martin Leonardo

Carousel Style 4

Martin Leonardo

Martin Leonardo

Martin Leonardo

Carousel Style 5

Address