Carousels
- Inicio
- Carousels
Section heading
Carousels Style 1





<section class="carousels">
<div class="carousel-style-1">
<div class="container">
<h2>Carousels Style 1</h2>
<div class="style-1-carousel owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(-1432px, 0px, 0px); transition: all 0.25s ease 0s; width: 3725px;">
<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image"> </div>
</div>
<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image"> </div>
</div>
<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image"> </div>
</div>
<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image"> </div>
</div>
<div class="owl-item" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image"> </div>
</div>
<div class="owl-item active" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image"> </div>
</div>
<div class="owl-item active" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image"> </div>
</div>
<div class="owl-item active" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image"> </div>
</div>
<div class="owl-item active" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image"> </div>
</div>
<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image"> </div>
</div>
<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image"> </div>
</div>
<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image"> </div>
</div>
<div class="owl-item cloned" style="width: 256.5px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image"> </div>
</div>
</div>
</div>
<div class="owl-nav disabled">
<button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button>
<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
</section>
Section heading
Carousels Style 2
April 7, 2021 | Admin
Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Read More
April 7, 2021 | Admin
Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Read More
April 7, 2021 | Admin
Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Read More
<section class="carousels">
<div class="carousel-style-2 blog-style-2">
<div class="container">
<h2>Carousels Style 2</h2>
<div class="style-2-carousel owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(-3438px, 0px, 0px); transition: all 0.25s ease 0s; width: 8022px;">
<div class="owl-item cloned" style="width: 1116px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
<div class="item-content-wrapper">
<div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
<h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
</svg>
</a> </div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 1116px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
<div class="item-content-wrapper">
<div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
<h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
</svg>
</a> </div>
</div>
</div>
</div>
<div class="owl-item" style="width: 1116px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
<div class="item-content-wrapper">
<div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
<h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt.</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
</svg>
</a> </div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 1116px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
<div class="item-content-wrapper">
<div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
<h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
</svg>
</a> </div>
</div>
</div>
</div>
<div class="owl-item" style="width: 1116px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
<div class="item-content-wrapper">
<div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
<h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
</svg>
</a> </div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 1116px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
<div class="item-content-wrapper">
<div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
<h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt.</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
</svg>
</a> </div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 1116px; margin-right: 30px;">
<div class="item"> <img src="/agency-pro/sites/default/files/2022-04/image.jpg" alt="Image">
<div class="item-content-wrapper">
<div class="item-content"> <span>April 7, 2021 <span>|</span> Admin</span>
<h4><a href="#" title="Title">Excepteur sint occaecat cupidatat non proiden sunt in culpa qui officia deserunt.</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> <a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="23.375" viewBox="0 0 34 23.375">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M29.558,11.7a1.626,1.626,0,0,0-.012,2.24l7.18,7.414H9.4a1.584,1.584,0,0,0,0,3.165H36.714l-7.18,7.414a1.638,1.638,0,0,0,.012,2.24,1.5,1.5,0,0,0,2.161-.012l9.731-10.1h0a1.783,1.783,0,0,0,.319-.5,1.551,1.551,0,0,0,.118-.609,1.613,1.613,0,0,0-.437-1.108l-9.731-10.1A1.473,1.473,0,0,0,29.558,11.7Z" transform="translate(-7.875 -11.251)" fill="#111"></path>
</svg>
</a> </div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled">
<button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button>
<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots">
<button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button>
<button role="button" class="owl-dot active"><i class="far fa-dot-circle"></i></button>
<button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button>
</div>
</div>
</div>
</div>
</section>
Section heading
<section class="carousels">
<div class="team-style-2">
<div class="container">
<h2>Carousel Style 3</h2>
<div class="style-3-carousel owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-2371px, 0px, 0px); transition: all 0.25s ease 0s; width: 6326px;"><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Jessica Martin</h4>
<span>CEO</span>
</div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Joe Aaf Hussian</h4>
<span>Designer</span>
</div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Ferica Maeith</h4>
<span>Developer</span>
</div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Joe Aaf Hussian</h4>
<span>Designer</span>
</div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Jessica Martin</h4>
<span>CEO</span>
</div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team3.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Joe Aaf Hussian</h4>
<span>Designer</span>
</div></div><div class="owl-item active" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Ferica Maeith</h4>
<span>Developer</span>
</div></div><div class="owl-item active" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team3.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Joe Aaf Hussian</h4>
<span>Designer</span>
</div></div><div class="owl-item active" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Jessica Martin</h4>
<span>CEO</span>
</div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Joe Aaf Hussian</h4>
<span>Designer</span>
</div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Ferica Maeith</h4>
<span>Developer</span>
</div></div><div class="owl-item" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Joe Aaf Hussian</h4>
<span>Designer</span>
</div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team1.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Jessica Martin</h4>
<span>CEO</span>
</div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team3.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Joe Aaf Hussian</h4>
<span>Designer</span>
</div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team2.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Ferica Maeith</h4>
<span>Developer</span>
</div></div><div class="owl-item cloned" style="width: 325.333px; margin-right: 70px;"><div class="item">
<div class="image">
<img src="/agency-pro/sites/default/files/2022-03/team3.jpg" alt="Image">
<div class="overlay">
<ul class="social-icon">
<li><a href="#" title="Title" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" title="Title" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<h4>Joe Aaf Hussian</h4>
<span>Designer</span>
</div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots"><button role="button" class="owl-dot active"><i class="far fa-dot-circle"></i></button><button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button><button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button></div></div>
</div>
</div>
</section>
Section heading
Carousels Style 4












<section class="carousels">
<div class="carousel-style-4">
<div class="container">
<h2>Carousels Style 4</h2>
<div class="style-4-carousel owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-3438px, 0px, 0px); transition: all 0.25s ease 0s; width: 6876px;"><div class="owl-item cloned" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
</div>
</div></div><div class="owl-item" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
</div>
</div></div><div class="owl-item active" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 1116px; margin-right: 30px;"><div class="items-wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-2.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-3.png" alt="Image">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-4.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-5.png" alt="Image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<img src="/agency-pro/sites/default/files/2022-03/c-1.png" alt="Image">
</div>
</div>
</div>
</div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots"><button role="button" class="owl-dot"><i class="far fa-dot-circle"></i></button><button role="button" class="owl-dot active"><i class="far fa-dot-circle"></i></button></div></div>
</div>
</div>
</section>