templates/la-fabrique/gouter-equilibre.html.twig line 1

Open in your IDE?
  1. {% set section = 'healthy' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Brioche Pasquier{% endblock %}
  4. {% block body %}
  5. <div data-controller="healthy">
  6. {% include '_elements/page-header.html.twig'
  7. with {
  8. breadcrumb: [
  9. { path:'home', label:"Accueil"},
  10. { path:'factory', label:"La fabrique"},
  11. { label: "Le goƻter de champion" }
  12. ],
  13. back: [
  14. { path:'factory' }
  15. ]
  16. }
  17. %}
  18. <div class="healthy__layers">
  19. <div class="healthy__background">
  20. {% include '_elements/image.html.twig'
  21. with {src: "/build/images/la-fabrique/gouter-equilibre/background.svg", mode: "full", lazy:true} %}
  22. </div>
  23. <div class="healthy__theme">
  24. {% include 'la-fabrique/gouter-equilibre/theme.svg' %}
  25. </div>
  26. <div class="healthy__ux">
  27. <div class="healthy__pitch-chooser">
  28. <div class="healthy__pitch-slider js-pitch-chooser">
  29. <div class="healthy__slider">
  30. <div class="swiper">
  31. <div class="swiper-wrapper">
  32. <!--
  33. <div class="swiper-slide">
  34. <div class="pitch-chooser-item" data-value="pitch-result7">
  35. {% include '_elements/image.html.twig'
  36. with {src: "/build/images/packs/pack-pitch-choco-bio.png", mode: "width", lazy:true} %}
  37. </div>
  38. </div>
  39. -->
  40. <div class="swiper-slide">
  41. <div class="pitch-chooser-item" data-value="pitch-result12">
  42. {% include '_elements/image.html.twig'
  43. with {src: "/build/images/packs/pack-pitch-choco-crousti.png", mode: "width", lazy:true} %}
  44. </div>
  45. </div>
  46. <div class="swiper-slide">
  47. <div class="pitch-chooser-item" data-value="pitch-result3">
  48. {% include '_elements/image.html.twig'
  49. with {src: "/build/images/packs/pack-pitch-choco-lait.png", mode: "width", lazy:true} %}
  50. </div>
  51. </div>
  52. <div class="swiper-slide">
  53. <div class="pitch-chooser-item" data-value="pitch-result9">
  54. {% include '_elements/image.html.twig'
  55. with {src: "/build/images/packs/pack-pitch-choco-pepites.png", mode: "width", lazy:true} %}
  56. </div>
  57. </div>
  58. <div class="swiper-slide">
  59. <div class="pitch-chooser-item" data-value="pitch-result4">
  60. {% include '_elements/image.html.twig'
  61. with {src: "/build/images/packs/pack-pitch-choco.png", mode: "width", lazy:true} %}
  62. </div>
  63. </div>
  64. <div class="swiper-slide">
  65. <div class="pitch-chooser-item" data-value="pitch-result10">
  66. {% include '_elements/image.html.twig'
  67. with {src: "/build/images/packs/pack-pitch-chocobarre-lait.png", mode: "width", lazy:true} %}
  68. </div>
  69. </div>
  70. <div class="swiper-slide">
  71. <div class="pitch-chooser-item" data-value="pitch-result11">
  72. {% include '_elements/image.html.twig'
  73. with {src: "/build/images/packs/pack-pitch-chocobarre-noir.png", mode: "width", lazy:true} %}
  74. </div>
  75. </div>
  76. <div class="swiper-slide">
  77. <div class="pitch-chooser-item" data-value="pitch-result5">
  78. {% include '_elements/image.html.twig'
  79. with {src: "/build/images/packs/pack-pitch-fraise.png", mode: "width", lazy:true} %}
  80. </div>
  81. </div>
  82. <div class="swiper-slide">
  83. <div class="pitch-chooser-item" data-value="pitch-result13">
  84. {% include '_elements/image.html.twig'
  85. with {src: "/build/images/packs/pack-pitch-noisette.png", mode: "width", lazy:true} %}
  86. </div>
  87. </div>
  88. <div class="swiper-slide">
  89. <div class="pitch-chooser-item" data-value="pitch-result1">
  90. {% include '_elements/image.html.twig'
  91. with {src: "/build/images/packs/pack-pitch-pate-tartiner.png", mode: "width", lazy:true} %}
  92. </div>
  93. </div>
  94. <!--
  95. <div class="swiper-slide">
  96. <div class="pitch-chooser-item" data-value="pitch-result8">
  97. {% include '_elements/image.html.twig'
  98. with {src: "/build/images/packs/pack-pitch-pomme-bio.png", mode: "width", lazy:true} %}
  99. </div>
  100. </div>
  101. -->
  102. <div class="swiper-slide">
  103. <div class="pitch-chooser-item" data-value="pitch-result2">
  104. {% include '_elements/image.html.twig'
  105. with {src: "/build/images/packs/pack-pitch-pomme-poire.png", mode: "width", lazy:true} %}
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="healthy__slider-button healthy__slider-button--prev js-swiper-button-prev"></div>
  111. <div class="healthy__slider-button healthy__slider-button--next js-swiper-button-next"></div>
  112. </div>
  113. <div class="swiper-pagination"></div>
  114. </div>
  115. </div>
  116. <div class="healthy__fruit-chooser js-fruit-chooser">
  117. <div class="healthy__slider">
  118. <div class="swiper">
  119. <div class="swiper-wrapper">
  120. <div class="swiper-slide">
  121. <div class="fruit-chooser-item" data-value="/build/images/la-fabrique/gouter-equilibre/cerise.png">
  122. {% include '_elements/image.html.twig'
  123. with {src: "/build/images/la-fabrique/gouter-equilibre/cerise.png", mode: "width", lazy:true, width:512, height:512} %}
  124. </div>
  125. </div>
  126. <div class="swiper-slide">
  127. <div class="fruit-chooser-item" data-value="/build/images/la-fabrique/gouter-equilibre/kiwi.png">
  128. {% include '_elements/image.html.twig'
  129. with {src: "/build/images/la-fabrique/gouter-equilibre/kiwi.png", mode: "width", lazy:true, width:512, height:512} %}
  130. </div>
  131. </div>
  132. <div class="swiper-slide">
  133. <div class="fruit-chooser-item" data-value="/build/images/la-fabrique/gouter-equilibre/orange.png">
  134. {% include '_elements/image.html.twig'
  135. with {src: "/build/images/la-fabrique/gouter-equilibre/orange.png", mode: "width", lazy:true, width:512, height:512} %}
  136. </div>
  137. </div>
  138. <div class="swiper-slide">
  139. <div class="fruit-chooser-item" data-value="/build/images/la-fabrique/gouter-equilibre/banane.png">
  140. {% include '_elements/image.html.twig'
  141. with {src: "/build/images/la-fabrique/gouter-equilibre/banane.png", mode: "width", lazy:true, width:512, height:512} %}
  142. </div>
  143. </div>
  144. <div class="swiper-slide">
  145. <div class="fruit-chooser-item" data-value="/build/images/la-fabrique/gouter-equilibre/fraise.png">
  146. {% include '_elements/image.html.twig'
  147. with {src: "/build/images/la-fabrique/gouter-equilibre/fraise.png", mode: "width", lazy:true, width:512, height:512} %}
  148. </div>
  149. </div>
  150. <div class="swiper-slide">
  151. <div class="fruit-chooser-item" data-value="/build/images/la-fabrique/gouter-equilibre/poire.png">
  152. {% include '_elements/image.html.twig'
  153. with {src: "/build/images/la-fabrique/gouter-equilibre/poire.png", mode: "width", lazy:true, width:512, height:512} %}
  154. </div>
  155. </div>
  156. <div class="swiper-slide">
  157. <div class="fruit-chooser-item" data-value="/build/images/la-fabrique/gouter-equilibre/pomme.png">
  158. {% include '_elements/image.html.twig'
  159. with {src: "/build/images/la-fabrique/gouter-equilibre/pomme.png", mode: "width", lazy:true, width:512, height:512} %}
  160. </div>
  161. </div>
  162. <div class="swiper-slide">
  163. <div class="fruit-chooser-item" data-value="/build/images/la-fabrique/gouter-equilibre/raisin.png">
  164. {% include '_elements/image.html.twig'
  165. with {src: "/build/images/la-fabrique/gouter-equilibre/raisin.png", mode: "width", lazy:true, width:512, height:512} %}
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="healthy__slider-button healthy__slider-button--prev js-swiper-button-prev"></div>
  171. <div class="healthy__slider-button healthy__slider-button--next js-swiper-button-next"></div>
  172. </div>
  173. <div class="swiper-pagination"></div>
  174. </div>
  175. </div>
  176. <div class="healthy__ui">
  177. {% include 'la-fabrique/gouter-equilibre/ui.svg' %}
  178. </div>
  179. </div>
  180. </div>
  181. {% endblock %}