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.

преди 3 години
преди 3 години
преди 3 години
преди 3 години
преди 3 години
преди 3 години
преди 3 години
преди 3 години
преди 3 години
преди 3 години
преди 3 години
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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-contact">
  11. <div class="container">
  12. <div class="row row-contact">
  13. <div class="col-12 col-sm-9">
  14. <h1>Contactez l’équipe d’Aux Actes Citoyens !</h1>
  15. <p>Des questions, une envie de s’engager avec nous, n’hésitez pas à nous contacter !</p>
  16. </div>
  17. <div class="col-3 d-none d-sm-block">
  18. <img class="sut-contact" src="{{ 'assets/img/SUT-Contacts.png' }}" alt="SUT contact">
  19. </div>
  20. <img class="perso-contact" src="{{ 'assets/img/Perso-Feuilles-Contacts.png' }}" alt="Perso contact">
  21. </div>
  22. </div>
  23. </div>
  24. <div class="container bloc-address">
  25. <div class="row">
  26. <div class="col-6 d-none d-lg-block">
  27. <img class="logo" src="{{ 'assets/img/Logo-Aux-Actes-Citoyens.png' }}" alt="Logo AAC">
  28. </div>
  29. <div class="col-12 col-lg-6">
  30. <p class="background-green">
  31. Vous pouvez nous joindre par courrier et par email :
  32. </p>
  33. <p class="address-contact">
  34. La Coopérative des Citoyens
  35. </p>
  36. <p class="address-contact">
  37. 150 avenue Jean Jaurès
  38. </p>
  39. <p class="address-contact">
  40. 90000 Belfort
  41. </p>
  42. <div class="link-contact">
  43. {{ macro.email_contact() }}
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="container container-contact">
  49. {{ form_start(form, {attr: {id: "contact-form", 'action' : path('app_contact_form')}}) }}
  50. <div class="row">
  51. <div class="col-4">
  52. {{ form_widget(form.firstname) }}
  53. </div>
  54. <div class="col-8">
  55. {{ form_widget(form.lastname) }}
  56. </div>
  57. </div>
  58. <div class="row">
  59. <div class="col-12">
  60. {{ form_widget(form.email) }}
  61. </div>
  62. </div>
  63. <div class="row">
  64. <div class="col-12">
  65. {{ form_widget(form.object) }}
  66. </div>
  67. </div>
  68. <div class="row">
  69. <div class="col-12">
  70. {{ form_widget(form.message) }}
  71. </div>
  72. </div>
  73. <div class="row">
  74. <div class="col-12 text-center">
  75. <button type="button" id="contact-form-btn">ENVOYER</button>
  76. </div>
  77. </div>
  78. {{ form_end(form) }}
  79. </div>
  80. {% endblock %}