ActesCitoyens/templates/frontend/about.html.twig

{% 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-discover">
        <div class="container container-discover">
            <img class="carto-dream" src="{{ 'assets/img/Accueil-A-Propos.png' }}" alt="cartographie">
            <div class="row">
                <div class="col-9">
                    <h1>Partez à la découverte d’Aux Actes Citoyens !</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-4">
                    <p>Une démarche inédite de concertation pour imaginer ensemble le futur du Nord Franche-Comté !</p>
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <a class="download-plaq" href="" title="Télécharger la plaquette">Télécharger la plaquette</a>
                </div>
            </div>
        </div>

        <div class="container container-startup">
            <div class="row">
                <div class="col-6">
                    <img src="{{ 'assets/img/SUT-A-propos.png' }}" alt="start up">
                </div>
                <div class="col-6">
                    <h2>Une démarche labellisée Start Up de Territoire</h2>
                    <p>
                        Aux Actes Citoyens est labelissé Start Up de Territoire pour le
                        Nord Franche-Comté. Cette démarche bénéficie donc du soutient des autres territoires en France,
                        mais également des
                        solutions qui ont émergé en France et qui sont inspirantes
                        pour le territoire.
                    </p>
                    <a class="other-startup" href="" title="Les autres start up">Découvrir les autres Start Up de
                        Territoires</a>
                </div>
            </div>
        </div>
    </div>

    <div class="container container-manifeste">
        <div class="row">
            <div class="col-12">
                <h2>Le manifeste <span>Aux Actes Citoyens</span></h2>
                <div class="video-aac">
                    <iframe width="80%" height="400px" src="https://www.youtube.com/embed/1dC1OoIi87o"
                            title="YouTube video player" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>

    <div class="bloc-three-step">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>Les trois étapes</h2>
                </div>
            </div>
            <div class="row row-step">
                <div class="col-4">
                    <img src="{{ 'assets/img/Etape1-Labourage-Blanc.png' }}" alt="Etape1">
                    <h3>LE LABOURAGE</h3>
                    <p>
                        (sept. 2021 à février 2022)
                        Collecte des besoins, grâce à
                        des ateliers sur les différents
                        territoires ainsi qu’une démarche en ligne.
                    </p>
                </div>
                <div class="col-4">
                    <img src="{{ 'assets/img/Etape2-EvenementBlanc.png' }}" alt="Etape2">
                    <h3>LA RÉCOLTE DES SOLUTIONS</h3>
                    <p>(avril 2022)
                        Organisation d’un grand événement à l’échelle du Nord
                        Franche-Comté pour inventer les
                        solutions de demain.</p>
                </div>
                <div class="col-4">
                    <img src="{{ 'assets/img/Etape3-Accompagnement-Blanc.png' }}" alt="Etape3">
                    <h3>L’ACCOMPAGNEMENT</h3>
                    <p>
                        (à partir de juin 2022)
                        Compagnonnage des solutions
                        par un réseau d’acteurs de l’accompagnement.
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="container container-step1">
        <div class="row">
            <div class="col-6">
                <img class="logo-labourage" src="{{ 'assets/img/Labourage-Img.png' }}" alt="Labourage">
            </div>
            <div class="col-6">
                <h2>
                    <img class="picto-labourage" src="{{ 'assets/img/Picto-Labourage-Vert.png' }}" alt="Labourage">
                    Le labourage
                </h2>
                <p>
                    Etape permettant de aire émerger “des Révoltes et des
                    Rêves” pour chaque territoire en se rapprochant d’un
                    maximum de personnes les plus diverses possibles et
                    en s’appuyant sur les acteurs en place pour mobiliser et
                    concerter les publics. L’objectif : faire émerger les thé-
                    matiques des ateliers de recherche de solutions.
                </p>
                <a class="participate" href="" title="Participer à la concertation">Participer à la concertation</a>
            </div>
        </div>
    </div>

    <div class="bloc-recolte">
        <div class="container">
            <div class="row">
                <div class="col-7">
                    <h2>
                        <img class="picto-labourage" src="{{ 'assets/img/Picto-Evenement-Vert.png' }}"
                             alt="Evenement vert">
                        La récolte des solutions
                    </h2>
                    <p>
                        Un événement d’une journée pour faire émerger
                        des solutions sous forme d’initiatives nouvelles sur
                        chaque territoire. Au cours de cet événement, des
                        ateliers rassemblant citoyens, entreprises acteurs de
                        l’ESS et institutions, pour un territoire qui invente collectivement son avenir.
                    </p>
                    <a class="subscribe-event" href="" title="">S’INSCRIRE A L’ÉVÉNEMENT</a>
                </div>
                <div class="col-5">
                    <img class="logo-event" src="{{ 'assets/img/Evenement-Img.png' }}" alt="Evenement">
                </div>
            </div>
        </div>
    </div>

    <div class="container container-ressource">
        <div class="row">
            <div class="col-5">
                <img class="logo-ressource" src="{{ 'assets/img/Ressourcerie-Img.png' }}" alt="Ressourcerie">
            </div>

            <div class="col-7">
                <h2>
                    <img class="picto-ressource" src="{{ 'assets/img/Picto-Accompagnement-Vert.png' }}"
                         alt="Accompagnement vert">
                    L’accompagnement
                </h2>
                <p>
                    A partir de juin 2022, toutes les solutions qui ont émergé pourront être accompagné par les acteurs
                    de l’accompagnement à la création d’entreprise. Vous pourrez
                    consulter la ressourcerie pour connaître ses acteurs
                    et bénéficier des ressources facilitant le montage de
                    projets.
                </p>
                <a class="contribuate" href="" title="">CONTRIBUER A LA RESSOURCERIE</a>
            </div>
        </div>
    </div>

    <div class="bloc-coop-cit">
        <div class="container container-coop">
            <div class="row justify-content-center">
                <div class="col-7">
                    <h2>Une démarche portée par la Coopérative des Citoyens...</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-8">
                    <img class="logo-coop" src="{{ 'assets/img/LaCoop-Img.png' }}" alt="Coopérative des Citoyens">
                </div>

                <div class="col-4">
                    <p>
                        Association d’éducation populaire
                        et de facilitation en intelligence
                        collective, la Coopérative des ci-
                        toyens accompagne les citoyens,
                        collectivités et acteurs de l’ESS
                        dans leur pouvoir d’agir et leur
                        coopération. Basée à Belfort, elle
                        porte cette initiative avec d’autres
                        acteurs de l’équipe coeur.
                    </p>
                    <a class="more" href="" title="En savoir plus">En savoir plus sur la Coop</a>
                </div>
            </div>
        </div>

        <div class="container container-coeur">
            <div class="row justify-content-center">
                <div class="col-10">
                    <h2>... et accompagnée par l’équipe cœur</h2>
                </div>
                <div class="col-5">
                    <p>
                        Condition essentielle à la réussite de la démarche, un
                        réseau d’acteurs de l’emploi, de l’insertion, de la transi-
                        tion écologique et de la création d’entreprises se mobi-
                        lisent avec nous pour mettre en place cette démarche
                        unique sur le Nord Franche-Comté. Vous êtes acteurs
                        impliqués sur le territoire et vous aussi vous souhaitez
                        participer à la mise en oeuvre de cette concertation,
                        n’hésitez pas à nous rejoindre !
                    </p>
                    <a class="join-coeur" href="" title="ÉQUIPE CŒUR">REJOINDRE L’ÉQUIPE CŒUR</a>
                </div>
                <div class="col-5">
                    <img class="logo-coeur" src="{{ 'assets/img/Equipe-Coeur-Img.png' }}" alt="coeur">
                </div>
            </div>
        </div>
    </div>

    <div class="container container-funded">
        <h2>Financé par :</h2>
        <div class="row">
            <div class="col">
                <img src="{{ 'assets/img/Bourgogne-Franche-Comté_2016.png' }}" alt="coeur">
            </div>
            <div class="col">
                <img src="{{ 'assets/img/pma-pays-de-montbeliard-agg.jpg' }}" alt="coeur">
            </div>
            <div class="col">
                <img src="{{ 'assets/img/Logo_Héricourt_70.png' }}" alt="coeur">
            </div>
        </div>
    </div>
{% endblock %}