<section class="pt-4 pb-4"> <div class="container" data-animate="fadeInUp"> <div class="col-lg-12"> <div class="heading-text heading-section"> <h2><span>{{ 'components.actualite.titre' | admintrans | raw }}</span></h2> <p>{{ 'components.actualite.description' | admintrans | raw }}</p> </div> </div> </div> <div class="container"> <div id="article" class="grid-layout post-3-columns m-b-30" data-item="post-item"> {% for article in articles | slice(0,3) %} <div class="post-item border" data-animate="fadeInUp" data-animate-delay="{{ 300 * loop.index0 }}"> <div class="post-item-wrap"> <div class="post-image"> <a href="{{ path('actualite',{'id' : article.id}) }}"> <img alt="{{ article.altDescription }}" {{ responsive_src(asset('images/upload/' ~ article.image)) | raw }}> </a></div> <div class="post-item-description"> <span class="post-meta-date"><i class="fa fa-calendar-o"></i>{{ article.date | date('d M Y') }}</span> <h2><a href="{{ path('actualite',{'id' : article.id}) }}">{{ article.titre }}</a></h2> <div> {{ article.displayContent | striptags('<strong><u><br><li><ul>') | u.truncate( 200, '...', false) | raw}} </div> <a href="{{ path('actualite',{'id' : article.id}) }}" class="item-link">Lire plus <i class="icon-chevron-right"></i></a> </div> </div> </div> {% endfor %} </div> <div class="text-center pt-5"> <a class="btn btn-light text-center" href="{{ path('actualites') }}" data-animate="fadeInUp">{{ 'components.actualite.tous' | admintrans | raw }}</a> </div> </div></section>