{% if shortcutsFacts is not empty %}
<section class="hook_shortcuts_facts">
<h2 class="title title_rouge animate__animated" data-animation="animate__fadeIn" invisible>Captusite, une agence engagée</h2>
{% for key,shortcut in shortcutsFacts %}
<div class="row item_bloc">
<div class="col-md-2 col-xl-4 item_bloc_caption animate__animated" data-animation="animate__fadeIn" invisible>
<span class="facts_numbers">{{ shortcut.facts }}</span>
<h3 class="facts_name">{{ shortcut.name }}</h3>
</div>
<div class="col-md-10 col-xl-4 item_bloc_content animate__animated" data-animation="animate__fadeIn" invisible>
<p>{{ shortcut.catchPhrase }}</p>
</div>
<div class="col-md-12 col-xl-4 item_bloc_link animate__animated" data-animation="animate__fadeIn" invisible>
<a class="link" href="{{ shortcut.link }}">
<i class="bi bi-arrow-right icon"></i> {{ shortcut.nameBtn }}
</a>
</div>
</div>
{% endfor %}
</section>
{% else %}
<div class="alert alert-warning">Aucun résultat n'a pu être récupéré</div>
{% endif %}