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 style="width: 100%; height: 5rem;"></div>
  19. <div class="container">
  20. <div id="header-solutions" class="header-solutions">
  21. <h2>Solutions des <br />Petits Jeux</h2>
  22. </div>
  23. </div>
  24. <div style="width: 100%; height: 5rem;"></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>GOÛTERS EMBLÉMATIQUES</span>
  31. <img src="/build/images/games/solutions/jeu-cdm-01.png" alt="Solution du jeu « GOÛTERS EMBLÉMATIQUES »" />
  32. </a>
  33. <div class="lb-overlay" id="jeu-5">
  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-cdm-01.png" alt="Solution du jeu « GOÛTERS EMBLÉMATIQUES »" />
  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>LES DIFFÉRENCES</span>
  45. <img src="/build/images/games/solutions/jeu-cdm-02.png" alt="Solution du jeu « LES DIFFÉRENCES »" />
  46. </a>
  47. <div class="lb-overlay" id="jeu-6">
  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-cdm-02.png" alt="Solution du jeu « LES DIFFÉRENCES »" />
  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>MOTS MÊLÉS</span>
  59. <img src="/build/images/games/solutions/jeu-cdm-03.png" alt="Solution du jeu « MOTS MÊLÉS »" />
  60. </a>
  61. <div class="lb-overlay" id="jeu-7">
  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-cdm-03.png" alt="Solution du jeu « MOTS MÊLÉS »" />
  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>SUITE LOGIQUE</span>
  73. <img src="/build/images/games/solutions/jeu-cdm-04.png" alt="Solution du jeu « SUITE LOGIQUE »" />
  74. </a>
  75. <div class="lb-overlay" id="jeu-8">
  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-cdm-04.png" alt="Solution du jeu « SUITE LOGIQUE »" />
  81. </div>
  82. </div>
  83. </li>
  84. </ul>
  85. </div>
  86. </div>
  87. <div style="width: 100%; height: 10rem;"></div>
  88. </div>
  89. </div>
  90. {% endblock %}