<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="//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>
<section class="pt-5" id="testimonial-section">
<h2 class="text-center mb-5"><span>Happy Responses from our Customers</span></h2>
<div class="clearfix pb-3"></div>
<div id="testimonials" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#testimonials" data-slide-to="0" class="active"></li>
<li data-target="#testimonials" data-slide-to="1"></li>
<li data-target="#testimonials" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="testi-text-wrap">
<h2 class="testi-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet ut urna ut consectetur. Suspendisse sit amet nisl nec purus luctus malesuada. </h2>
</div>
<div class="testi-footer">
<div class="testi-ftr-wrap">
<img src="https://www.iconexperience.com/_img/i_collection_png/128x128/plain/quotation_mark.png" class="rounded quoteicon" alt="Quote" />
<img src="http://chittagongit.com//images/avatar-png-icon/avatar-png-icon-5.jpg" class="rounded custimg" alt="user image" />
<div class="cust-pro-info"><span class="cust_name">Name</span>
<span class="cust_pro">@Name</span></div>
</div>
</div>
</div>
<div class="carousel-item">