{% if news is not empty %} <section class="hook_news"> <h2 class="hook_title animate__animated" data-animation="animate__fadeIn" invisible>Actualités</h2> <div class="hook_news_caption"> <h3 class="hook_news_caption_title animate__animated" data-animation="animate__fadeIn" invisible>Captusite vit ses projets et met en lumière votre entreprise !</h3> <p>Découvrez aussi la vie de l’agence et les retours en image sur la participation de Captusite à de nombreux événements.</p> </div> <div class="row"> {% for new in news %} <div class="col-xl-4 col-sm-6 bloc_new bloc_dark animate__animated" data-animation="animate__fadeIn" invisible> <a href="{{ path("news_detail",{'cat':new.refNewsTypes.rewrite, 'rewrite':new.rewrite}) }}" class="bloc_link"> <div class="bloc_img_bloc"> <img class="img-fluid full bloc_img" alt="{{ new.name }}" src="{% if new.imageList is null %}{{ config.site.url~img_default }}{% else %}{{ new.imageList }}{% endif %}" width="510" height="281" data-method="fill" data-quality="80"/> <div class="overlay"></div> </div> <p class="bloc_type"> <span class="me-auto">{{ new.refNewsTypes.name }}</span> <time class="ms-auto" datetime="{{ new.dateAdd|date("Y-m-d") }}">{{ new.dateAdd|date("d.m.Y") }}</time> </p> <h3 class="bloc_name dark">{{ new.name }}</h3> <div class="bloc_link_icon"> <i class="bi bi-arrow-right"></i> En savoir plus </div> </a> </div> {% endfor %} </div> <a href="{{ path("app_news_index") }}" class="btn btn-black hook_news_link">Voir toutes les actualités</a> </section>{% endif %}