<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<div class="testimonials-wrap">
<div class="container">
<div class="heading-section">
<span class="sub-heading">Testimonials</span>
<h2>Happy Clients & Feedbacks</h2>
</div>
<div class="carousel-testimonial owl-carousel">
<div class="item">
<div class="testimonial-box d-flex">
<div class="user-img" style="background-image: url(https://randomuser.me/api/portraits/men/82.jpg)">
</div>
<div class="text pl-4">
<span class="quote"><i class="fa fa-quote-left"></i></span>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p class="name">Mark Huff</p>
<span class="position">Businesswoman</span>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-box d-flex">
<div class="user-img" style="background-image: url(https://randomuser.me/api/portraits/men/83.jpg)">
</div>
<div class="text pl-4">
<span class="quote"><i class="fa fa-quote-left"></i></span>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<p class="name">Rodel Golez</p>