<section class=“bar background-pentagon no-mb”>
<div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading text-center"> <h2>{{ page.testimonials_section_title }}</h2> </div> <p class="lead">{{ page.testimonials_section_subtitle }}</p> <!-- *** TESTIMONIALS CAROUSEL *** _________________________________________________________ --> <ul class="owl-carousel testimonials same-height-row"> {% for testimonials in page.testimonials %} <li class="item"> <div class="testimonial same-height-always"> <div class="text"> <p>{{ testimonials.text }}</p> </div> <div class="bottom"> <div class="icon"><i class="fa fa-quote-left"></i> </div> <div class="name-picture"> <img class="" alt="" src="assets/img/{{ testimonials.name }}.jpg"> <h5>{{ testimonials.name }}</h5> <p>{{ testimonials.role }}</p> </div> </div> </div> </li> {% endfor %} </ul> <!-- /.owl-carousel --> <!-- *** TESTIMONIALS CAROUSEL END *** --> </div> </div> </div> </section>