description = "Testimonials Section"

[viewBag]
==
<style>
carousel .owl-item img {
    display: block;
    width: 200px !important;
}
carousel.owl-drag .owl-item{
    width: 100%;
    }
</style>
<section id="testimonial" class="section" style="background-color: {{ data.section_testimonials_bg }};">
   <div class="container">
      <div class="row">
         <div class="col-sm-12" data-aos="fade-up" data-aos-delay="300">
		 <h2 class="" style="color:#149FE5;text-transform: uppercase;:Upercase; text-align:center;">Our testimonial</h2>
		 <h3 class="" style="color:;text-transform: uppercase;:Upercase; text-align:center;">Happy Clients</h3>
            <div id="testimonial-item" class="owl-carousel">
               {% for fields in data.section_testimonials %}
               <div class="item">
                  <div class="testimonial-inner">
                     <div class="testimonial-images">
                        {% if fields.section_testimonials_image %}
                        <img class="img-circle" src="{{ fields.section_testimonials_image|media }}" alt="">
                        {% else %}
                        <img class="img-circle" src="{{ 'assets/images/img/75x75.png'|theme }}" alt="">
                        {% endif %}
                     </div>
					 <div class="testimonial-footer"  style="text-align:center;">
					 {{ fields.section_testimonials_name }} <a href="{{ fields.section_testimonials_link }}">{{ fields.section_testimonials_linklabel }} </a>
                     </div>
                     <div class="testimonial-content" style="text-align:center;">
                        <p>{{ fields.section_testimonials_desc }}</p>
                     </div>
					 <div class="testimonial-content">
                        <img class="" src="/storage/app/media/rating Star.png" alt="" >
                     </div>
                     
                  </div>
               </div>
               {% endfor %}
            </div>
         </div>
      </div>
   </div>
</section>