testimonials

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/assets/owl.carousel.min.css'>

<!-- Testimonials -->
<section class="testimonials" id="testimonial">
    <div class="wrapper">
    <div class="container">
         <div class="row">
           <div class="testi-title text-center mb-3">
             <h1>Testimonial</h1>
             <p>Berbagai review positif dari para pelanggan kami</p>
           </div>
           <div class="col-sm-12">
             <div id="testimonials-list" class="owl-carousel">

               <div class="item">
                 <div class="shadow-effect">
                   <img class="imgPlaceholder" src="img/testimonial/1.png" alt="">
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget suscipit sem. Vivamus convallis vulputate leo non ultricies.</p>
                    <strong>John Dee 32, Bromo</strong>
                 </div>
               </div>

               <div class="item">
                 <div class="shadow-effect">
                   <img class="imgPlaceholder" src="img/testimonial/2.png" alt="">
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget suscipit sem. Vivamus convallis vulputate leo non ultricies.</p>
                   <strong>John Dee 32, Bromo</strong>
                 </div>

               </div>


               <div class="item">
                 <div class="shadow-effect">
                   <img class="imgPlaceholder" src="img/testimonial/2.png" alt="">
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget suscipit sem. Vivamus convallis vulputate leo non ultricies.</p>
                   <strong>John Dee 32, Bromo</strong>
                 </div>

               </div>


               <div class="item">
                 <div class="shadow-effect">
                   <img class="imgPlaceholder" src="img/testimonial/2.png" alt="">
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget suscipit sem. Vivamus convallis vulputate leo non ultricies.</p>
                   <strong>John Dee 32, Bromo</strong>
                 </div>

               </div>


               <div class="item">
                 <div class="shadow-effect">
                   <img class="imgPlaceholder" src="img/testimonial/2.png" alt="">
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <i class="fa-solid fa-star"></i>
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget suscipit sem. Vivamus convallis vulputate leo non ultricies.</p>
                   <strong>John Dee 32, Bromo</strong>
                 </div>

               </div>

             </div>
           </div>
           </div>
         </div>
         </div>
       </section>
  <!-- end Testimonial -->


 <script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/owl.carousel.min.js'></script>