Mini Shell

		    <section class="space bg-smoke2 bg-auto overflow-hidden" data-bg-src="assets/img/bg/testi_bg_3.png">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-5">
                  <div class="testi-grid-area">
                     <div class="testi-grid-img as-carousel" data-slide-show="1" data-fade="true">
                        <div>
                           <div class="img"><img src="assets/img/testimonial/testi_grid_1.jpg" alt="testimonial"></div>
                        </div>
                        <div>
                           <div class="img"><img src="assets/img/testimonial/testi_grid_2.jpg" alt="testimonial"></div>
                        </div>
                        <div>
                           <div class="img"><img src="assets/img/testimonial/testi_grid_3.jpg" alt="testimonial"></div>
                        </div>
                        <div>
                           <div class="img"><img src="assets/img/testimonial/testi_grid_4.jpg" alt="testimonial"></div>
                        </div>
                        <div>
                           <div class="img"><img src="assets/img/testimonial/testi_grid_5.jpg" alt="testimonial"></div>
                        </div>
                     </div>
                     <div class="testi-grid-thumb" data-asnavfor=".testi-grid-slide">
                        <div class="tab-btn active"><img src="assets/img/testimonial/testi_grid_thumb_1.jpg" alt="thumb"></div>
                        <div class="tab-btn"><img src="assets/img/testimonial/testi_grid_thumb_2.jpg" alt="thumb"></div>
                        <div class="tab-btn"><img src="assets/img/testimonial/testi_grid_thumb_3.jpg" alt="thumb"></div>
                        <div class="tab-btn"><img src="assets/img/testimonial/testi_grid_thumb_4.jpg" alt="thumb"></div>
                        <div class="tab-btn"><img src="assets/img/testimonial/testi_grid_thumb_5.jpg" alt="thumb"></div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-6 offset-xl-1">
                  <div class="testi-grid-wrap">
                     <div class="title-area mb-30">
                        <span class="sub-title2"><img src="assets/img/shape/subtitle.svg" alt="Icon"> Geri Dönüşler</span>
                        <h2 class="sec-title">Müşteri Yorumları</h2>
                        <p class="sec-text">Bizi tercih eden müşterilerimizin yorumlarını buradan görebilirsiniz.</p>
                     </div>
                         
                     <div class="testi-grid-slide as-carousel" data-slide-show="1" data-fade="true" data-asnavfor=".testi-grid-img">
                     	<?php foreach($yorumcek as $yorum){?>
                        <div class="">
                           <div class="testi-grid">
                              <p class="testi-grid_text"><i class="fa-solid fa-quote-left"></i>
                              	<?=$yorum["aciklama"]?></p>
                              	<i class="fa-solid fa-quote-right"></i>
                              <div class="testi-grid_profile">
                                 <div class="testi-grid_avater"><img src="resimler/<?=$yorum["resim"]?>" alt="Avater"></div>
                                 <div class="media-body">
                                    <h3 class="testi-grid_name box-title"><?=$yorum["adi"]?></h3>
                                    <span class="testi-grid_desig"><?=$yorum["onaciklama"]?></span>
                                 </div>
                              </div>
                           </div>
                        </div>
                     
                       <?php }?>
                      
                     </div>
                     <div class="icon-box"><button data-slick-prev=".testi-grid-slide" class="slick-arrow default"><i class="far fa-arrow-left"></i></button> <button data-slick-next=".testi-grid-slide" class="slick-arrow default"><i class="far fa-arrow-right"></i></button></div>
                  </div>
               </div>
            </div>
         </div>
      </section>