<section class="testimonial-style1-area{% if mode != 'dark' %} style2 {% endif %}"> <div class="layer-outer" style="background-image:url(front/assets/images/parallax-background/testimonial-bg.jpg);"></div> <div class="container"> <div class="sec-title text-center"> <div class="big-title{% if mode == 'dark' %} clr-white{% endif %}"> <h2>{{ 'app.testimonial.title'|trans }}</h2> </div> <div class="border-box"> <span class="linetop{% if mode == 'dark' %} bg-white{% endif %}"></span> <span class="linebottom"></span> </div> </div> <div class="row"> <div class="col-xl-12"> <div class="theme-carousel testimonial-carousel {% if mode != 'dark' %}style2 {% endif %}owl-carousel owl-theme owl-nav-style-one" data-options='{"loop":true, "margin":30, "autoheight":true, "nav":true, "dots":false, "autoplay":true, "autoplayTimeout":6000, "smartSpeed":500, "responsive":{ "0":{"items": "1"}, "768":{"items": "1"}, "1000":{"items": "1" }}}'> {% for testimonial in testimonials %} <div class="single-testimonial-style1{% if mode != 'dark' %} blackver {% endif %}"> <div class="img-box"> <img src="{{ asset(testimonial_images_directory ~ '/' ~ testimonial.image) }}" alt="Awesome Image"> <div class="icon"> <i class="fa fa-quote-left" aria-hidden="true"></i> </div> </div> <div class="text-box"> <p>{{ testimonial.testimony }}</p> </div> <div class="client-info"> <div class="border-box"></div> <h2>{{ testimonial.name }}</h2> </div> </div> {% endfor %} </div> </div> </div> </div></section>