{% extends 'base.html.twig' %}

{% block title %}Liens utiles - PTGE Serein | Armançon{% endblock %}

{% block body %}
    <main>
        <section class="links">
            <img src="{{ asset('images/forme-qsn.webp') }}" alt="Forme rond et rectangle - Projet Territorial pour la Gestion de l'Eau" class="shape">
            <div class="container">
                <div class="title">
                    <h1>Liens <span class="green">utiles <img src="{{ asset('images/soulignement/soulignement-contact.svg') }}" alt="Trait bleu"></span></h1>
                </div>

                <div class="links__wrapper">
                    <div class="flex-row wrap">
                        {% for link in links %}
                            <div class="links__wrapper__item flex-row align-center">
                                <img src="{{ asset('images/icons/link.svg') }}" alt="Pictogramme lien">
                                <a href="{{ link.link }}">{{ link.name }}</a>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </section>
    </main>
{% endblock %}