templates/games/solutions.html.twig line 1

Open in your IDE?
  1. {% set section = 'solutions' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Solutions des petits jeux{% endblock %}
  4. {% block body %}
  5. <div data-controller="jeux" class="solutions">
  6. {% include '_elements/page-header.html.twig'
  7. with {
  8. breadcrumb: [
  9. { path:'home', label:"Accueil"},
  10. { label: "Solutions des petits jeux" }
  11. ],
  12. back: [
  13. { path:'home' }
  14. ]
  15. }
  16. %}
  17. <div class="games solutions">
  18. <div id="solutions-bg"></div>
  19. <div class="container">
  20. <div id="header-solutions" class="header-solutions">
  21. <h2>Solutions des <br />Petits Jeux</h2>
  22. <h3>De la rentrée</h3>
  23. </div>
  24. </div>
  25. <div class="container-md">
  26. <div class="container-md">
  27. <ul id="solutions-gallery" class="jeux-grid row g-5 justify-content-center solutions-album">
  28. <li class="col-12 text-center">
  29. <a href="javascript:void(0);" data-no-swup class="lightbox">
  30. <span>Relie les points</span>
  31. <img src="/build/images/games/solutions/jeu-09.png" alt="Solution du jeu « Relie les points »" />
  32. </a>
  33. <div class="lb-overlay" id="jeu-9">
  34. <div class="lb-overlay-header">
  35. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  36. </div>
  37. <div class="lb-overlay-body">
  38. <img src="/build/images/games/solutions/full/jeu-09.png" alt="Solution du jeu « Relie les points »" />
  39. </div>
  40. </div>
  41. </li>
  42. <li class="col-12 text-center">
  43. <a href="javascript:void(0);" data-no-swup class="lightbox">
  44. <span>Lettres mélangées</span>
  45. <img src="/build/images/games/solutions/jeu-10.png" alt="Solution du jeu « Lettres mélangées »" />
  46. </a>
  47. <div class="lb-overlay" id="jeu-10">
  48. <div class="lb-overlay-header">
  49. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  50. </div>
  51. <div class="lb-overlay-body">
  52. <img src="/build/images/games/solutions/full/jeu-10.png" alt="Solution du jeu « Lettres mélangées »" />
  53. </div>
  54. </div>
  55. </li>
  56. <li class="col-12 text-center">
  57. <a href="javascript:void(0);" data-no-swup class="lightbox">
  58. <span>Les éléments manquants</span>
  59. <img src="/build/images/games/solutions/jeu-11.png" alt="Solution du jeu « Les éléments manquants »" />
  60. </a>
  61. <div class="lb-overlay" id="jeu-11">
  62. <div class="lb-overlay-header">
  63. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  64. </div>
  65. <div class="lb-overlay-body">
  66. <img src="/build/images/games/solutions/full/jeu-11.png" alt="Solution du jeu « Les éléments manquants »" />
  67. </div>
  68. </div>
  69. </li>
  70. <li class="col-12 text-center">
  71. <a href="javascript:void(0);" data-no-swup class="lightbox">
  72. <span>Les différences</span>
  73. <img src="/build/images/games/solutions/jeu-12.png" alt="Solution du jeu « Les différences »" />
  74. </a>
  75. <div class="lb-overlay" id="jeu-12">
  76. <div class="lb-overlay-header">
  77. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  78. </div>
  79. <div class="lb-overlay-body">
  80. <img src="/build/images/games/solutions/full/jeu-12.png" alt="Solution du jeu « Les différences »" />
  81. </div>
  82. </div>
  83. </li>
  84. </ul>
  85. </div>
  86. </div>
  87. <div style="width: 100%; height: 5rem;"></div>
  88. <div class="container">
  89. <div class="header-solutions">
  90. <h3>De l'été</h3>
  91. </div>
  92. </div>
  93. <div class="container-md">
  94. <div class="container-md">
  95. <ul id="solutions-gallery" class="jeux-grid row g-5 justify-content-center solutions-album">
  96. <li class="col-12 text-center">
  97. <a href="javascript:void(0);" data-no-swup class="lightbox">
  98. <span>Les différences</span>
  99. <img src="/build/images/games/solutions/jeu-05.png" alt="Solution du jeu « Les différences »" />
  100. </a>
  101. <div class="lb-overlay" id="jeu-5">
  102. <div class="lb-overlay-header">
  103. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  104. </div>
  105. <div class="lb-overlay-body">
  106. <img src="/build/images/games/solutions/full/jeu-05.png" alt="Solution du jeu « Les différences »" />
  107. </div>
  108. </div>
  109. </li>
  110. <li class="col-12 text-center">
  111. <a href="javascript:void(0);" data-no-swup class="lightbox">
  112. <span>Relie les points</span>
  113. <img src="/build/images/games/solutions/jeu-06.png" alt="Solution du jeu « Relie les points »" />
  114. </a>
  115. <div class="lb-overlay" id="jeu-6">
  116. <div class="lb-overlay-header">
  117. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  118. </div>
  119. <div class="lb-overlay-body">
  120. <img src="/build/images/games/solutions/full/jeu-06.png" alt="Solution du jeu « Relie les points »" />
  121. </div>
  122. </div>
  123. </li>
  124. <li class="col-12 text-center">
  125. <a href="javascript:void(0);" data-no-swup class="lightbox">
  126. <span>Le labyrinthe</span>
  127. <img src="/build/images/games/solutions/jeu-07.png" alt="Solution du jeu « Le labyrinthe »" />
  128. </a>
  129. <div class="lb-overlay" id="jeu-7">
  130. <div class="lb-overlay-header">
  131. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  132. </div>
  133. <div class="lb-overlay-body">
  134. <img src="/build/images/games/solutions/full/jeu-07.png" alt="Solution du jeu « Le labyrinthe »" />
  135. </div>
  136. </div>
  137. </li>
  138. <li class="col-12 text-center">
  139. <a href="javascript:void(0);" data-no-swup class="lightbox">
  140. <span>Les mots croisés</span>
  141. <img src="/build/images/games/solutions/jeu-08.png" alt="Solution du jeu « Les mots croisés »" />
  142. </a>
  143. <div class="lb-overlay" id="jeu-8">
  144. <div class="lb-overlay-header">
  145. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  146. </div>
  147. <div class="lb-overlay-body">
  148. <img src="/build/images/games/solutions/full/jeu-08.png" alt="Solution du jeu « Les mots croisés »" />
  149. </div>
  150. </div>
  151. </li>
  152. </ul>
  153. </div>
  154. </div>
  155. <div style="width: 100%; height: 5rem;"></div>
  156. <div class="container">
  157. <div class="header-solutions">
  158. <h3>Printemps</h3>
  159. </div>
  160. </div>
  161. <div class="container-md">
  162. <div class="container-md">
  163. <ul id="solutions-gallery" class="jeux-grid row g-5 justify-content-center solutions-album">
  164. <li class="col-12 text-center">
  165. <a href="javascript:void(0);" data-no-swup class="lightbox">
  166. <span>Les éléments manquants</span>
  167. <img src="/build/images/games/solutions/jeu-01.png" alt="Solution du jeu « Les éléments manquants »" />
  168. </a>
  169. <div class="lb-overlay" id="jeu-1">
  170. <div class="lb-overlay-header">
  171. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  172. </div>
  173. <div class="lb-overlay-body">
  174. <img src="/build/images/games/solutions/full/jeu-01.png" alt="Solution du jeu « Les éléments manquants »" />
  175. </div>
  176. </div>
  177. </li>
  178. <li class="col-12 text-center">
  179. <a href="javascript:void(0);" data-no-swup class="lightbox">
  180. <span>Relie les points</span>
  181. <img src="/build/images/games/solutions/jeu-02.png" alt="Solution du jeu « Relie les points »" />
  182. </a>
  183. <div class="lb-overlay" id="jeu-2">
  184. <div class="lb-overlay-header">
  185. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  186. </div>
  187. <div class="lb-overlay-body">
  188. <img src="/build/images/games/solutions/full/jeu-02.png" alt="Solution du jeu « Relie les points »" />
  189. </div>
  190. </div>
  191. </li>
  192. <li class="col-12 text-center">
  193. <a href="javascript:void(0);" data-no-swup class="lightbox">
  194. <span>Les 3 différences</span>
  195. <img src="/build/images/games/solutions/jeu-03.png" alt="Solution du jeu « Les 3 différences »" />
  196. </a>
  197. <div class="lb-overlay" id="jeu-3">
  198. <div class="lb-overlay-header">
  199. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  200. </div>
  201. <div class="lb-overlay-body">
  202. <img src="/build/images/games/solutions/full/jeu-03.png" alt="Solution du jeu « Les 3 différences »" />
  203. </div>
  204. </div>
  205. </li>
  206. <li class="col-12 text-center">
  207. <a href="javascript:void(0);" data-no-swup class="lightbox">
  208. <span>La suite logique</span>
  209. <img src="/build/images/games/solutions/jeu-04.png" alt="Solution du jeu « La suite logique »" />
  210. </a>
  211. <div class="lb-overlay" id="jeu-4">
  212. <div class="lb-overlay-header">
  213. <a href="javascript:void(0);" data-no-swup class="lb-close">Fermer</a>
  214. </div>
  215. <div class="lb-overlay-body">
  216. <img src="/build/images/games/solutions/full/jeu-04.png" alt="Solution du jeu « La suite logique »" />
  217. </div>
  218. </div>
  219. </li>
  220. </ul>
  221. </div>
  222. </div>
  223. </div>
  224. {% endblock %}