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.

carto-carte.html.twig 5.6KB

3 years ago
3 years ago
3 years ago
3 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. {% extends 'frontend/carto.html.twig' %}
  2. {% block carto %}
  3. <div id="carto-carte">
  4. <h1 class="title-carte">Une carte du Nord Franche-Comté</h1>
  5. <div class="row row-contrib">
  6. <div class="col-3">
  7. <div class="row">
  8. <div class="col-5">
  9. <img src="{{ 'assets/img/Picto-Revoltes.png' }}" alt="révolte">
  10. </div>
  11. <div class="col-7 revolt">
  12. <div>Nos révoltes</div>
  13. </div>
  14. </div>
  15. </div>
  16. <div class="col-3">
  17. <div class="row">
  18. <div class="col-5">
  19. <img src="{{ 'assets/img/Picto-Reve.png' }}" alt="rêve">
  20. </div>
  21. <div class="col-7 dream">
  22. Nos rêves
  23. </div>
  24. </div>
  25. </div>
  26. <div class="col-3">
  27. <div class="row">
  28. <div class="col-5">
  29. <img src="{{ 'assets/img/Picto-Actions-Booster.png' }}" alt="Projet booster">
  30. </div>
  31. <div class="col-7 project-boost">
  32. Les actions à booster
  33. </div>
  34. </div>
  35. </div>
  36. <div class="col-3">
  37. <div class="row">
  38. <div class="col-5">
  39. <img src="{{ 'assets/img/Picto-Actions-Inspirantes.png' }}" alt="Projet inspirant">
  40. </div>
  41. <div class="col-7 project-insp">
  42. Les actions inspirantes
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="help-legend">Cliquer sur les pictos pour découvrir les résultats de la consultation par territoire !</div>
  48. <div class="map">
  49. <img src="{{ 'assets/img/Carte-NFC.png' }}" alt="carte">
  50. <div class="img-map img-vosges">
  51. <a href="" title="">
  52. <img src="{{ 'assets/img/Picto-Revoltes.png' }}" alt="">
  53. </a>
  54. <a href="" title="">
  55. <img src="{{ 'assets/img/Picto-Reve.png' }}" alt="">
  56. </a>
  57. <a href="" title="">
  58. <img src="{{ 'assets/img/Picto-Actions-Booster.png' }}" alt="">
  59. </a>
  60. <a href="" title="">
  61. <img src="{{ 'assets/img/Picto-Actions-Inspirantes.png' }}" alt="">
  62. </a>
  63. </div>
  64. <div class="img-map img-belfort">
  65. <a href="" title="">
  66. <img src="{{ 'assets/img/Picto-Revoltes.png' }}" alt="">
  67. </a>
  68. <a href="" title="">
  69. <img src="{{ 'assets/img/Picto-Reve.png' }}" alt="">
  70. </a>
  71. <a href="" title="">
  72. <img src="{{ 'assets/img/Picto-Actions-Booster.png' }}" alt="">
  73. </a>
  74. <a href="" title="">
  75. <img src="{{ 'assets/img/Picto-Actions-Inspirantes.png' }}" alt="">
  76. </a>
  77. </div>
  78. <div class="img-map img-hericourt">
  79. <a href="" title="">
  80. <img src="{{ 'assets/img/Picto-Revoltes.png' }}" alt="">
  81. </a>
  82. <a href="" title="">
  83. <img src="{{ 'assets/img/Picto-Reve.png' }}" alt="">
  84. </a>
  85. <a href="" title="">
  86. <img src="{{ 'assets/img/Picto-Actions-Booster.png' }}" alt="">
  87. </a>
  88. <a href="" title="">
  89. <img src="{{ 'assets/img/Picto-Actions-Inspirantes.png' }}" alt="">
  90. </a>
  91. </div>
  92. <div class="img-map img-montbeliard">
  93. <a href="" title="">
  94. <img src="{{ 'assets/img/Picto-Revoltes.png' }}" alt="">
  95. </a>
  96. <a href="" title="">
  97. <img src="{{ 'assets/img/Picto-Reve.png' }}" alt="">
  98. </a>
  99. <a href="" title="">
  100. <img src="{{ 'assets/img/Picto-Actions-Booster.png' }}" alt="">
  101. </a>
  102. <a href="" title="">
  103. <img src="{{ 'assets/img/Picto-Actions-Inspirantes.png' }}" alt="">
  104. </a>
  105. </div>
  106. <div class="img-map img-montbeliard">
  107. <a href="" title="">
  108. <img src="{{ 'assets/img/Picto-Revoltes.png' }}" alt="">
  109. </a>
  110. <a href="" title="">
  111. <img src="{{ 'assets/img/Picto-Reve.png' }}" alt="">
  112. </a>
  113. <a href="" title="">
  114. <img src="{{ 'assets/img/Picto-Actions-Booster.png' }}" alt="">
  115. </a>
  116. <a href="" title="">
  117. <img src="{{ 'assets/img/Picto-Actions-Inspirantes.png' }}" alt="">
  118. </a>
  119. </div>
  120. <div class="img-map img-sud">
  121. <a href="" title="">
  122. <img src="{{ 'assets/img/Picto-Revoltes.png' }}" alt="">
  123. </a>
  124. <a href="" title="">
  125. <img src="{{ 'assets/img/Picto-Reve.png' }}" alt="">
  126. </a>
  127. <a href="" title="">
  128. <img src="{{ 'assets/img/Picto-Actions-Booster.png' }}" alt="">
  129. </a>
  130. <a href="" title="">
  131. <img src="{{ 'assets/img/Picto-Actions-Inspirantes.png' }}" alt="">
  132. </a>
  133. </div>
  134. </div>
  135. </div>
  136. {% endblock %}