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