templates/tournee/tournee-ete.html.twig line 1

Open in your IDE?
  1. {% set section = 'tournee' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Brioche Pasquier{% endblock %}
  4. {% block body %}
  5. <div data-controller="tournee">
  6. {% include '_elements/page-header.html.twig'
  7. with {
  8. breadcrumb: [
  9. { path:'home', label:"Accueil"},
  10. { label: "Tournée" }
  11. ],
  12. back: [
  13. { path:'home' }
  14. ]
  15. }
  16. %}
  17. <div id="tournee" class="summer container-fluid p-0">
  18. <div id="tournee-top">
  19. <div class="container">
  20. <h1>La tournée Pitch</h1>
  21. <div id="tournee-slider" class="swiper">
  22. <div class="swiper-wrapper">
  23. <div class="swiper-slide" data-hash="01">
  24. <img src="build/images/tournee/slider-summer-01.jpg" width="1024" height="768" alt="" class="swiper-lazy" />
  25. <div class="swiper-lazy-preloader"></div>
  26. </div>
  27. <div class="swiper-slide" data-hash="02">
  28. <img src="build/images/tournee/slider-summer-02.jpg" width="1024" height="768" alt="" class="swiper-lazy" />
  29. <div class="swiper-lazy-preloader"></div>
  30. </div>
  31. <div class="swiper-slide" data-hash="03">
  32. <img src="build/images/tournee/slider-summer-03.jpg" width="1024" height="768" alt="" class="swiper-lazy" />
  33. <div class="swiper-lazy-preloader"></div>
  34. </div>
  35. <div class="swiper-slide" data-hash="04">
  36. <img src="build/images/tournee/slider-summer-04.jpg" width="1024" height="768" alt="" class="swiper-lazy" />
  37. <div class="swiper-lazy-preloader"></div>
  38. </div>
  39. </div>
  40. <div class="swiper-button-prev"></div>
  41. <div class="swiper-button-next"></div>
  42. </div>
  43. <p>Pitch t’invite à sa tournée des plages ! Découvre sur les plages de <strong>supers animations</strong>&nbsp;! Personnalise ton cerf-volant, défie tes copains dans la pafeuse puis participe à la course au PAF. <br />Rejoins-nous pour la pause goûter et repars avec <strong>plein de cadeaux</strong>. <br />À très vite sur la tournée Pitch&nbsp;! <br /><br /><a href="javascript:void(0);" class="btn btn-primary">Voir la tournée</a></p>
  44. </div>
  45. </div>
  46. <div id="tournee-bottom">
  47. <div class="container">
  48. <div id="tournee-summer" class="row text-center align-items-start">
  49. <p style="padding-bottom: 1em !important;">Découvre vite les lieux et les dates <br aria-hidden="true" />de la tournée Pitch pour cet été&nbsp;!</p>
  50. <div class="col-12 col-md-7 order-md-2 order-1">
  51. <div class="row">
  52. <div class="col-12 col-md-2"></div>
  53. <div class="col-12 col-md-10">
  54. <div id="tournee-select" class="row">
  55. <div class="col-12 col-lg-6">
  56. <div class="tournee-collapse">
  57. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-01" role="button" aria-expanded="false" aria-controls="tournee-collapse-01">Villard-de-Lans</a>
  58. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-01">
  59. <div class="card card-body">
  60. <span>Lundi 20 juillet</span>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="tournee-collapse">
  65. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-02" role="button" aria-expanded="false" aria-controls="tournee-collapse-02">Domaine skiable de Vars</a>
  66. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-02">
  67. <div class="card card-body">
  68. <span>Mercredi 22 juillet</span>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="tournee-collapse">
  73. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-03" role="button" aria-expanded="false" aria-controls="tournee-collapse-03">La Londe-les-Maures</a>
  74. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-03">
  75. <div class="card card-body">
  76. <span>Vendredi 24 juillet</span>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="tournee-collapse">
  81. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-04" role="button" aria-expanded="false" aria-controls="tournee-collapse-04">Six-Fours-les-Plages</a>
  82. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-04">
  83. <div class="card card-body">
  84. <span>Samedi 25 juillet</span>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="tournee-collapse">
  89. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-05" role="button" aria-expanded="false" aria-controls="tournee-collapse-05">Le Grau-du-Roi</a>
  90. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-05">
  91. <div class="card card-body">
  92. <span>Mardi 28 juillet</span>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="tournee-collapse">
  97. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-06" role="button" aria-expanded="false" aria-controls="tournee-collapse-06">Vias</a>
  98. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-06">
  99. <div class="card card-body">
  100. <span>Mercredi 29 juillet</span>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="tournee-collapse">
  105. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-07" role="button" aria-expanded="false" aria-controls="tournee-collapse-07">Port-la-Nouvelle</a>
  106. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-07">
  107. <div class="card card-body">
  108. <span>Vendredi 31 juillet</span>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="tournee-collapse">
  113. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-08" role="button" aria-expanded="false" aria-controls="tournee-collapse-08">Le Barcarès</a>
  114. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-08">
  115. <div class="card card-body">
  116. <span>Samedi 1<sup>er</sup> août</span>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="tournee-collapse">
  121. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-09" role="button" aria-expanded="false" aria-controls="tournee-collapse-09">Domaine skiable des Angles</a>
  122. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-09">
  123. <div class="card card-body">
  124. <span>Lundi 3 août</span>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. <div class="col-12 col-lg-6">
  130. <div class="tournee-collapse">
  131. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-10" role="button" aria-expanded="false" aria-controls="tournee-collapse-10">Châtelaillon</a>
  132. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-10">
  133. <div class="card card-body">
  134. <span>Mercredi 5 août</span>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="tournee-collapse">
  139. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-11" role="button" aria-expanded="false" aria-controls="tournee-collapse-11">Saint-Hilaire-de-Riez</a>
  140. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-11">
  141. <div class="card card-body">
  142. <span>Jeudi 6 août</span>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="tournee-collapse">
  147. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-12" role="button" aria-expanded="false" aria-controls="tournee-collapse-12">Saint-Jean-de-Monts</a>
  148. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-12">
  149. <div class="card card-body">
  150. <span>Vendredi 7 août</span>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="tournee-collapse">
  155. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-13" role="button" aria-expanded="false" aria-controls="tournee-collapse-13">Biscarosse</a>
  156. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-13">
  157. <div class="card card-body">
  158. <span>Lundi 10 août</span>
  159. </div>
  160. </div>
  161. </div>
  162. <div class="tournee-collapse">
  163. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-14" role="button" aria-expanded="false" aria-controls="tournee-collapse-14">Carcans</a>
  164. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-14">
  165. <div class="card card-body">
  166. <span>Mardi 11 août</span>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="tournee-collapse">
  171. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-15" role="button" aria-expanded="false" aria-controls="tournee-collapse-15">Saint-Nazaire</a>
  172. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-15">
  173. <div class="card card-body">
  174. <span>Jeudi 13 août</span>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="tournee-collapse">
  179. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-16" role="button" aria-expanded="false" aria-controls="tournee-collapse-16">Quiberon</a>
  180. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-16">
  181. <div class="card card-body">
  182. <span>Vendredi 14 août</span>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="tournee-collapse">
  187. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-17" role="button" aria-expanded="false" aria-controls="tournee-collapse-17">Le Tréport</a>
  188. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-17">
  189. <div class="card card-body">
  190. <span>Lundi 17 août</span>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="tournee-collapse">
  195. <a class="btn" data-bs-toggle="collapse" href="#tournee-collapse-18" role="button" aria-expanded="false" aria-controls="tournee-collapse-18">Berck-sur-Mer</a>
  196. <div class="collapse" data-bs-parent="#tournee-select" id="tournee-collapse-18">
  197. <div class="card card-body">
  198. <span>Mardi 18 août</span>
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <div class="col-12 col-md-5 order-md-1 order-2">
  208. <div class="row gx-0">
  209. <div class="col-12 col-md-3"></div>
  210. <div id="tournee-map-container" class="col-12 col-md-9">
  211. <div id="tournee-map-summer" class="tournee-map">
  212. <ul>
  213. <li class="tournee-item" id="tournee-01"><strong>Villard-de-Lans</strong></li>
  214. <li class="tournee-item" id="tournee-02"><strong>Domaine skiable de Vars</strong></li>
  215. <li class="tournee-item" id="tournee-03"><strong>La Londe-les-Maures</strong></li>
  216. <li class="tournee-item" id="tournee-04"><strong>Six-Fours-les-Plages</strong></li>
  217. <li class="tournee-item" id="tournee-05"><strong>Le Grau-du-Roi</strong></li>
  218. <li class="tournee-item" id="tournee-06"><strong>Vias</strong></li>
  219. <li class="tournee-item" id="tournee-07"><strong>Port-la-Nouvelle</strong></li>
  220. <li class="tournee-item" id="tournee-08"><strong>Le Barcarès</strong></li>
  221. <li class="tournee-item" id="tournee-09"><strong>Domaine skiable des Angles</strong></li>
  222. <li class="tournee-item" id="tournee-10"><strong>Châtelaillon</strong></li>
  223. <li class="tournee-item" id="tournee-11"><strong>Saint-Hilaire-de-Riez</strong></li>
  224. <li class="tournee-item" id="tournee-12"><strong>Saint-Jean-de-Monts</strong></li>
  225. <li class="tournee-item" id="tournee-13"><strong>Biscarosse</strong></li>
  226. <li class="tournee-item" id="tournee-14"><strong>Carcans</strong></li>
  227. <li class="tournee-item" id="tournee-15"><strong>Saint-Nazaire</strong></li>
  228. <li class="tournee-item" id="tournee-16"><strong>Quiberon</strong></li>
  229. <li class="tournee-item" id="tournee-17"><strong>Le Tréport</strong></li>
  230. <li class="tournee-item" id="tournee-18"><strong>Berck-sur-Mer</strong></li>
  231. </ul>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. {% endblock %}