You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

79 lines
3.9KB

  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" content="La plateforme numérique « Aux actes Citoyens » arrive bientôt. En attendant, rejoignez-nous !" />
  7. {% endblock %}
  8. {% block body %}
  9. <div class="ui container">
  10. <header class="ui stackable grid">
  11. <div class="five wide column bloc-logo">
  12. <img class="logo-aac" src="{{ asset('assets/img/Logo-Aux-Actes-Citoyens.jpg') }}"
  13. alt="logo aux actes citoyens">
  14. </div>
  15. <div class="eleven wide column bloc-title">
  16. <h1>
  17. <img class="personnages-acc" src="{{ asset('assets/img/Personnages-AAC.jpg') }}"
  18. alt="Aux actes Citoyens">
  19. <span class="main-title">La plateforme numérique <br><span class="aac">« Aux actes Citoyens »</span> arrive bientôt !</span>
  20. </h1>
  21. </div>
  22. </header>
  23. <div class="hidden bloc-video-mobile">
  24. <iframe width="100%" height="350px" src="https://www.youtube.com/embed/1dC1OoIi87o"
  25. title="YouTube video player" frameborder="0"
  26. allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  27. allowfullscreen></iframe>
  28. </div>
  29. <div class="ui stackable grid">
  30. <div class="five wide column">
  31. <h2>En attendant,<br>rejoignez-nous !</h2>
  32. <ul>
  33. <li>
  34. <button class="ui button yellow">
  35. <a href="{{ asset('assets/pdf/AAC-Fiche-Pratique-Aux-Actes-Citoyens.pdf') }}"
  36. title="Découvrir" target="_blank">Découvrir</a>
  37. </button>
  38. </li>
  39. <li>
  40. <button class="ui button green">
  41. <a href="{{ asset('assets/pdf/Dossier-Partenariat-web.pdf') }}" title="Dossier partenariat"
  42. target="_blank">Dossier partenariat</a>
  43. </button>
  44. </li>
  45. <li>
  46. <button class="ui button orange">
  47. <a href="" title="Nous rejoindre !">{{ macro.email_contact() }}</a>
  48. </button>
  49. </li>
  50. </ul>
  51. <div>
  52. <a href="https://www.lacooperativedescitoyens.fr/" title="lacooperativedescitoyens" target="_blank">
  53. <img class="logo-coop" src="{{ asset('assets/img/Logo-Cooperative-Citoyens.jpg') }}"
  54. alt="la cooperative des citoyens">
  55. </a>
  56. </div>
  57. </div>
  58. <div class="eleven wide column bloc-video hidden-mobile">
  59. <iframe width="100%" height="100%" src="https://www.youtube.com/embed/1dC1OoIi87o"
  60. title="YouTube video player" frameborder="0"
  61. allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  62. allowfullscreen></iframe>
  63. </div>
  64. </div>
  65. <footer>
  66. <div class="ui grid">
  67. <div class="column sixteen wide">
  68. <a href="{{ path('app_legal_mention') }}" title="Mentions légales">Mentions légales</a> -
  69. Création <a href="https://www.laclic.fr/" title="La Clic !" target="_blank">LA CLIC !</a>
  70. </div>
  71. </div>
  72. </footer>
  73. </div>
  74. {% endblock %}