{% extends "front/base.html.twig" %}{% block title %} {{ 'seo.tuto_title' | trans }}{% endblock %}{% block seo %} <meta name="description" content="{{ 'seo.tuto_description' | trans }}">{% endblock %}{% block body %} <section class="first-section fullheight tutorials-section"> <div class="container"> <h2 class="section-title-underline mb-5">{{ 'tuto.page_title' | trans }}</h2> {% for info in infos %} {% if info[1] | length > 0 %} <h2 class="category-title">{{ ("tuto.categories." ~ info[0].slug) | trans }}</h2> <div class="tutos-grid"> {% for tuto in info[1] %} <a class="tuto-card" href="{{ path('tuto_detail', {'slug' : tuto.slug}) }}"> <div class="cover"> <img loading="lazy" src="{{ asset('images/tuto/' ~ tuto.photo) }}" alt="{{ tuto.title }}"> </div> <h3 class="title">{{ tuto.title }}</h3> </a> {% endfor %} </div> {% endif %} {% endfor %} </div> </section>{% endblock %}