{% for testimonial in testimonials %} <div class="tab-pane fade show active" id="beforeafter_tab{{loop.index}}"> <div class="section_ba"> <div class="section_ba_left"> <div class="section_ba_text"> <div class="title16 smalltitle">before/after</div> <div class="section_ba_name"> {{ testimonial.title }}</div> <div class="section_ba_result">{{ testimonial.description }} </div> <div class="section_ba_dots nav"> {% set testimonialIndex = loop.index %} {% for testimonial in testimonials %} <a {% if loop.index == testimonialIndex %} class ="selected" {% endif %} href="#beforeafter_tab{{loop.index}}" data-toggle="tab"></a> {% endfor %} </div> </div> </div> <div class="section_ba_right"> {% set beforeImage = testimonial.beforeImage %} {% set afterImage = testimonial.afterImage %} <div class="section_ba_photo"> {% if afterImage %} <img src="{{getAssetTwigHelper().getCloudfrontUrl(afterImage)}}"> {% endif %} <div class="resize"> {% if beforeImage %} <img src="{{getAssetTwigHelper().getCloudfrontUrl(beforeImage)}}"> {% endif %} </div> <span class="handle"><span></span></span> </div> </div> </div> </div>{% endfor %}