Mono provides a variety of Owl Carousel components with a little customization that suits its design standards. For more information, please see the official Owl Carousel Documentaion.
<div class="owl-carousel slide-only">
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide1.jpg" alt="Slide Image">
</div>
<div class="single-item bg-overlay-black-40 rounded">
<img src="assets/img/elements/slide2.jpg" alt="Slide Image">
</div>
<div class="single-item bg-overlay-black-40 rounded">
<img src="assets/img/elements/slide3.jpg" alt="Slide Image">
</div>
</div>
<div class="owl-carousel owl-theme carousel-with-control">
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide2.jpg" alt="Slide Image">
</div>
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide1.jpg" alt="Slide Image">
</div>
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide3.jpg" alt="Slide Image">
</div>
</div>
<div class="owl-carousel owl-theme carousel-with-indicators">
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide3.jpg" alt="Slide Image">
</div>
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide2.jpg" alt="Slide Image">
</div>
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide1.jpg" alt="Slide Image">
</div>
</div>
<div class="owl-carousel owl-theme carousel-with-captions">
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide4.jpg" alt="Slide Image">
<div class="carousel-caption d-none d-md-block">
<h3 class="text-white mb-3">First Title Goes Here</h3>
<p class="text-white">Praesent commodo cursus magna vel scelerisque</p>
</div>
</div>
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide3.jpg" alt="Slide Image">
<div class="carousel-caption d-none d-md-block">
<h3 class="text-white mb-3">Second Title Goes Here</h3>
<p class="text-white">Praesent commodo cursus magna vel scelerisque</p>
</div>
</div>
<div class="single-item bg-overlay-black-40 rounded">
<img class="rounded" src="assets/img/elements/slide1.jpg" alt="Slide Image">
<div class="carousel-caption d-none d-md-block">
<h3 class="text-white mb-3">Third Title Goes Here</h3>
<p class="text-white">Praesent commodo cursus magna vel scelerisque</p>
</div>
</div>
</div>
First Title Goes Here
Praesent commodo cursus magna vel scelerisque
Second Title Goes Here
Praesent commodo cursus magna vel scelerisque
Third Title Goes Here
Praesent commodo cursus magna vel scelerisque
<div class="container">
<div class="owl-carousel owl-theme carousel-user">
<div class="card border-0">
<img src="assets/img/elements/user-lg-1.jpg" class="card-img-top rounded-circle" alt="User Image">
<div class="card-body text-center">
<span class="h4 d-block">Steven Foster</span>
<span>Co-Founder</span>
</div>
</div>
<div class="card border-0">
<img src="assets/img/elements/user-lg-2.jpg" class="card-img-top rounded-circle" alt="User Image">
<div class="card-body text-center">
<span class="h4 d-block">Randy Ortan</span>
<span>Graphic designer</span>
</div>
</div>
<div class="card border-0">
<img src="assets/img/elements/user-lg-3.jpg" class="card-img-top rounded-circle" alt="User Image">
<div class="card-body text-center">
<span class="h4 d-block">Mark Henry</span>
<span>Photographer</span>
</div>
</div>
<div class="card border-0">
<img src="assets/img/elements/user-lg-4.jpg" class="card-img-top rounded-circle" alt="User Image">
<div class="card-body text-center">
<span class="h4 d-block">Katy Perry</span>
<span>Interior designer</span>
</div>
</div>
<div class="card border-0">
<img src="assets/img/elements/user-lg-1.jpg" class="card-img-top rounded-circle" alt="User Image">
<div class="card-body text-center">
<span class="h4 d-block">Steven Foster</span>
<span>Co-Founder</span>
</div>
</div>
<div class="card border-0">
<img src="assets/img/elements/user-lg-2.jpg" class="card-img-top rounded-circle" alt="User Image">
<div class="card-body text-center">
<span class="h4 d-block">Randy Ortan</span>
<span>Graphic designer</span>
</div>
</div>
</div>
</div>
Steven Foster
Co-Founder
Randy Ortan
Graphic designer
Mark Henry
Photographer
Katy Perry
Interior designer
Steven Foster
Co-Founder
Randy Ortan
Graphic designer
<div class="owl-carousel owl-theme carousel-testimonial">
<div class="card border-0">
<img src="assets/img/elements/user-md-1.jpg" class="card-img-top rounded-circle mb-5" alt="User Image">
<div class="card-body text-center">
<p class="mb-5">Lorem ipsum dolor sit amet consectetur adipisicing 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 reprehenderit.</p>
<span class="h4 d-block">Peter Kain</span>
<span>Consultance Acme. inc.</span>
</div>
</div>
<div class="card border-0">
<img src="assets/img/elements/user-md-2.jpg" class="card-img-top rounded-circle mb-5" alt="User Image">
<div class="card-body text-center">
<p class="mb-5">Lorem ipsum dolor sit amet consectetur adipisicing 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 reprehenderit.</p>
<span class="h4 d-block">Mary Johnson</span>
<span>Promotions manager</span>
</div>
</div>
<div class="card border-0">
<img src="assets/img/elements/user-md-3.jpg" class="card-img-top rounded-circle mb-5" alt="User Image">
<div class="card-body text-center">
<p class="mb-5">Lorem ipsum dolor sit amet consectetur adipisicing 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 reprehenderit.</p>
<span class="h4 d-block">Mark henry</span>
<span>Fashion designer</span>
</div>
</div>
</div>
Lorem ipsum dolor sit amet consectetur adipisicing 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 reprehenderit.
Peter Kain Consultance Acme. inc.
Lorem ipsum dolor sit amet consectetur adipisicing 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 reprehenderit.
Mary Johnson Promotions manager
Lorem ipsum dolor sit amet consectetur adipisicing 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 reprehenderit.
Mark henry Fashion designer
