您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

104 行
5.2KB

  1. {% extends 'frontend/base.html.twig' %}
  2. {% import 'frontend/macro.html.twig' as macro %}
  3. {% block title %}Aux Actes Citoyens - Imaginer et construire ensemble le futur du Nord Franche-Comté{% endblock %}
  4. {% block meta %}
  5. <meta name="title" content="Aux Actes Citoyens - Imaginer et construire ensemble le futur du Nord Franche-Comté"/>
  6. <meta name="description"
  7. content="La plateforme numérique « Aux actes Citoyens » arrive bientôt. En attendant, rejoignez-nous !"/>
  8. {% endblock %}
  9. {% block body %}
  10. <div class="bloc-futur">
  11. <div class="container">
  12. <div class="row row-futur">
  13. <div class="col-12">
  14. <h1>Imaginons ensemble le futur du Nord Franche-Comté</h1>
  15. <h2>Participez à une démarche inédite de concertation citoyenne.</h2>
  16. <a class="discover" href="{{ path('app_about') }}" title="Découvrir">DÉCOUVRIR</a>
  17. <img class="perso-aac" src="{{ 'assets/img/Personnages.png' }}" alt="Personnages-AAC">
  18. <img class="startup" src="{{ 'assets/img/Picto-StartUP.png' }}" alt="StartUP">
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="bloc-cartographie">
  24. <div class="container">
  25. <div class="row frame-yellow">
  26. <div class="col-6">
  27. <img class="cartographie" src="{{ 'assets/img/Cartographie-Reve.png' }}" alt="cartographie">
  28. </div>
  29. <div class="col-6">
  30. <h2>La cartographie r<span>ê</span>volutionnaire</h2>
  31. <p>Pour mieux comprendre les besoins du Nord Franche-Comté,
  32. cette cartographie est réalisée grâce à la consultation sur le
  33. terrain et en ligne des citoyens et plus particulièrement des
  34. personnes exclues du débat public, mais aussi des acteurs
  35. institutionnels, du monde économique et de l’ESS.</p>
  36. <a class="link-carto link-slide" href="{{ path('app_carto_interactive') }}" title="Découvrir la cartographie">Découvrir la cartographie</a>
  37. <a class="link-concert" href="" title="Participer à la concertation">Participer à la concertation</a>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. <div id="planisphere" class="bloc-planisphere">
  43. <div class="container">
  44. <div class="row">
  45. <div class="col-12">
  46. <h2>Le planisphère des <span>S</span>olutions</h2>
  47. <div class="row">
  48. <div class="col-6">
  49. <img src="{{ 'assets/img/Visuel-Affiche.png' }}" alt="affiche">
  50. </div>
  51. <div class="col-6 col-text">
  52. <p>
  53. Nous vous donnons rendez-vous le <span class="bold">19 avril 2022</span>
  54. pour construire avec nous les solutions pour le Nord
  55. Franche-Comté.
  56. </p>
  57. <p>
  58. Une journée unique où citoyens, associations, entreprises
  59. et collectivités se réuniront pour imaginer des solutions
  60. concrètes aux besoins révélés lors du laborage.
  61. </p>
  62. <p class="bold">
  63. Nous avons besoin de chacun d’entre vous ! Alors,
  64. rejoignez-nous et inscrivez-vous à ce rendez-vous
  65. unique !
  66. </p>
  67. <div class="subscribe">
  68. {{ macro.email_contact("S'INSCRIRE A L’ÉVÉNEMENT", "S'inscrire à l'événement (Le planisphère des Solutions)") }}
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div id="ressourcerie" class="bloc-ressourcerie">
  77. <div class="container">
  78. <div class="row">
  79. <div class="col-6">
  80. <h2>Ressourcerie</h2>
  81. <p>A partir de juin 2022, vous pourrez découvrir la Res-
  82. sourcerie «Aux Actes Citoyens» qui permettra à tous de
  83. connaître la manière de créer un projet, de l’animer,
  84. des formations, des contacts de partenaires et encore
  85. plein d’autres choses ! Vous souhaitez contriber à cette
  86. ressourcerie, n’hésitez pas à nous contacter
  87. </p>
  88. <div class="contribuate">
  89. {{ macro.email_contact("CONTRIBUER A LA RESSOURCERIE", "Contribuer à la ressourcerie") }}
  90. </div>
  91. </div>
  92. <div class="col-6">
  93. <img class="ressourcerie" src="{{ 'assets/img/Ressourcerie.png' }}" alt="ressourcerie">
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. {% endblock %}