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

{% block title %}Aux Actes Citoyens - Imaginer et construire ensemble le futur du Nord Franche-Comté{% endblock %}

{% block meta %}
    <meta name="title" content="Aux Actes Citoyens - Imaginer et construire ensemble le futur du Nord Franche-Comté"/>
    <meta name="description"
          content="La plateforme numérique « Aux actes Citoyens » arrive bientôt. En attendant, rejoignez-nous !"/>
{% endblock %}

{% block body %}
    <div class="bloc-futur">
        <div class="container">
            <div class="row row-futur">
                <div class="col-12">
                    <h1>Imaginons ensemble le futur du Nord Franche-Comté</h1>
                    <h2>Participez à une démarche inédite de concertation citoyenne.</h2>
                    <a class="discover" href="" title="Découvrir">DÉCOUVRIR</a>
                    <img class="perso-aac" src="{{ 'assets/img/Personnages-AAC.jpg' }}" alt="Personnages-AAC">
                </div>
            </div>
        </div>
    </div>

    <div class="bloc-cartographie">
        <div class="container">
            <div class="row frame-yellow">
                <div class="col-6">
                    <img class="cartographie" src="{{ 'assets/img/Personnages-AAC.jpg' }}" alt="cartographie">
                </div>
                <div class="col-6">
                    <h1>La cartographie r<span>ê</span>volutionnaire</h1>
                    <p>Pour mieux comprendre les besoins du Nord Franche-Comté,
                        cette cartographie est réalisée grâce à la consultation sur le
                        terrain et en ligne des citoyens et plus particulièrement des
                        personnes exclues du débat public, mais aussi des acteurs
                        institutionnels, du monde économique et de l’ESS.</p>
                    <a class="link-carto" href="" title="Découvrir la cartographie">Découvrir la cartographie</a>
                </div>
            </div>
        </div>
    </div>

    <div class="bloc-planisphere">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h1>Le planisphère des <span>S</span>olutions</h1>
                </div>
            </div>
        </div>
    </div>

    <div class="bloc-ressourcerie">
        <div class="container">
            <div class="row">
                <div class="col-6">
                    <h1>Ressourcerie</h1>
                    <p>A partir de juin 2022, vous pourrez découvrir la Res-
                        sourcerie «Aux Actes Citoyens» qui permettra à tous de
                        connaître la manière de créer un projet, de l’animer,
                        des formations, des contacts de partenaires et encore
                        plein d’autres choses ! Vous souhaitez contriber à cette
                        ressourcerie, n’hésitez pas à nous contacter
                    </p>
                    <a class="contribuate" href="" title="CONTRIBUER A LA RESSOURCERIE">CONTRIBUER A LA RESSOURCERIE</a>
                </div>
                <div class="col-6">
                    <img class="ressourcerie" src="{{ 'assets/img/Personnages-AAC.jpg' }}" alt="ressourcerie">
                </div>
            </div>
        </div>
    </div>
{% endblock %}