{% if shortcutsProjects is not empty %}
<section class="hook_shortcuts_projects">
<h3 class="title animate__animated mb-4" data-animation="animate__fadeIn" invisible>Captusite, les projets</h3>
<strong>L’histoire Captusite, c’est vous qui l’écrivez !</strong>
<p class="mb-4">Toutes les solutions web et les outils numériques sont développés grâce à vos demandes, et + elles sont complexes, + nos développeurs sont heureux !</p>
<div class="row">
{% for shortcut in shortcutsProjects %}
<div class="col-xl-4 col-md-6">
<a class="item_bloc animate__animated" href="{{ shortcut.link }}" data-animation="animate__fadeIn" invisible>
<img class="img-fluid img-item" src="{{ shortcut.image }}" data-src="{{ shortcut.image }}" alt="Image raccourci {{ shortcut.name }}" width="510" height="382" data-method="fill" data-quality="80" />
<div class="caption">
<h3 class="item_caption_title">{{ shortcut.name }}</h3>
<button type="button" class="btn btn-white">Découvrir</button>
</div>
<div class="overlay"></div>
</a>
</div>
{% endfor %}
</div>
</section>
{% else %}
<div class="alert alert-warning">Aucun résultat n'a pu être récupéré</div>
{% endif %}