<section class="pt-4 pb-4"> <div class="container" data-animate="fadeInUp"> <div class="col-lg-12"> <div class="heading-text heading-section text-center"> <h2><span>{{ 'components.nos_garanties.titre' | admintrans | raw }}</span></h2> </div> </div> </div> <div class="container"> <div class="row"> {% for engagement in engagements %} <div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="{{ 500 * loop.index0 }}"> <div class="icon-box medium clean"> <div class="icon visible"> <a href="#"><i class="fa fa-{{ engagement.icone }}"></i></a> </div> <h3>{{ engagement.titre }}</h3> {% if engagement.plier %} <p class="mb-0"><a class="badge badge-light" data-toggle="collapse" href="#collapseGarantie{{ loop.index0 }}" role="button" aria-expanded="false" aria-controls="collapseGarantie{{ loop.index0 }}"> {{ 'components.nos_garanties.cad' | admintrans | raw }} <i class="fa fa-chevron-down"></i> </a> </p> <p class="collapse" id="collapseGarantie{{ loop.index0 }}">{{ engagement.contenu|raw }} </p> {% else %} <p>{{ engagement.contenu|raw }} </p> {% endif %} </div> </div> {% endfor %} </div> </div></section>