<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>