Carousels
- Home
- Carousels
<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>
<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>
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
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
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
<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>
<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>
<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>