index.html

---
layout: default
additional_css: homepage
---
<section id="mission-statement">
    <h3>Etalab et les acteurs de la Civic Tech ont collaboré pour <b>mettre à disposition des administrations des outils de consultation ouverte en ligne</b>. <br></h3><h3>Ces outils sont :</h3>
      <div class="ui container three column stackable grid">
          {% for item in site.data.bandeauhome %}
          <div class="column">{{ '<img class="ui image top-icons" src="http://SRC" alt="">' | replace: "http://SRC", item.image }}{{ item.name }}</div>
          {% endfor %}
      </div>
</section>

<section id="home-des">
  <div class="ui container">
          <div class="ui grid stackable">
        <div class="height wide column">
   <h2>Ce que vous trouverez sur cette plateforme<br></h2>
   <p> <b>Afin</b> de faciliter l'usage des consultations par les administrations, cette plateforme réunit des <a href="https://consultation.etalab.gouv.fr/lesoutils.html"><b>outils de consultation en ligne</b></a>, couvrant une <b>pluralité de besoins</b>, et répondant à <b><a href="https://consultation.etalab.gouv.fr/criteres.html">25 critères de sélection</a> </b>définis conjointement par les&nbsp; administrations, les acteurs de la civic tech et des experts de la concertation. <br></p><p>Ces outils sont utilisables <b>gratuitement </b>sur un premier niveau de service. <br></p><p>Le portail des outils de consultations permet à tout agent public ayant une adresse en "<i>.gouv.fr</i>" de déployer simplement ces solutions, directement depuis ce site.</p>    
    <a class="ui button moreButton" href="/leprojet.html"> En savoir plus sur le projet</a>  
  </div>
      <div class="height wide column">
    <img class="home-illustration" src="/img/consultation.svg" alt="Illustration Consultation">  
  </div>
  </div>
    </div>
</section>

<section id="home-des">
  <div class="ui container">
          <div class="ui grid stackable">
        <div class="height wide column">
        <img class="home-illustration" src="/img/plateforme.svg" alt="Illustration Plateforme">   
  </div>
      <div class="height wide column">
    <h2>Au delà des outils: comment mener une consultation en ligne <br></h2>
   <p> Si le choix d'un outil adapté au besoin des administrations est critique, le succès d'une consultation en ligne repose également sur une d<b>émarche loyale, un calendrier clair, sur un engagement de ressources et sur l'animation d'une communauté de contributeurs</b>.<br></p><p>Grâce à l'expérience acquise par les acteurs de la civic tech et les administrations pionnières, nous avons collectivement commencé à documenter ces bonnes pratiques pour mener une consultation en ligne de qualité :</p>    
    <a class="ui button moreButton" href="/laconsultation.html">Découvrez les bonnes pratiques</a>  
  </div>
  </div>
    </div>
</section>

<section id="usages">
  <h2> Les outils de consultation sélectionnés pour vous</h2>
<div class="ui container">
    <div class="ui four stackable cards">
        {% for outil in site.outil %}
        {% include outil-card.html description=outil %}
        {% endfor %}
    </div>
    </div>
</section>