templates/pitchos-bavards/pitchos/swiper.html.twig line 1

Open in your IDE?
  1. <div class="swiper">
  2. <div class="swiper-wrapper">
  3. <div class="swiper-slide">
  4. <a href="/pitchos-bavards/pitchos/cuisto-pitch" class="swup-link slider-item even" data-swup-color="rgb(29,121,221)">
  5. <h3 style="background: rgb(29,121,221); background: linear-gradient(0deg, rgba(29,121,221,1) 50%, rgba(93,147,226,1) 50%);">Cuisto'Pitch</h3>
  6. <div class="slider-perso">
  7. {% include '_elements/image.html.twig'
  8. with {src: "build/images/pitchos-bavards/persos/perso-09.svg", mode: "width", lazy:false} %}
  9. </div>
  10. </a>
  11. </div>
  12. <div class="swiper-slide">
  13. <a href="/pitchos-bavards/pitchos/robotologue" class="swup-link slider-item odd" data-swup-color="rgb(211,145,167)">
  14. <h3 style="background: rgb(211,145,167); background: linear-gradient(0deg, rgba(211,145,167,1) 50%, rgba(230,161,187,1) 50%);">Robotologue</h3>
  15. <div class="slider-perso">
  16. {% include '_elements/image.html.twig'
  17. with {src: "build/images/pitchos-bavards/persos/perso-10.svg", mode: "width", lazy:false} %}
  18. </div>
  19. </a>
  20. </div>
  21. <div class="swiper-slide">
  22. <a href="/pitchos-bavards/pitchos/basket-danseur" class="swup-link slider-item even" data-swup-color="rgb(120,174,153)">
  23. <h3 style="background: rgb(120,174,153); background: linear-gradient(0deg, rgba(120,174,153,1) 50%, rgba(143,199,180,1) 50%);">Basket'danseur</h3>
  24. <div class="slider-perso">
  25. {% include '_elements/image.html.twig'
  26. with {src: "build/images/pitchos-bavards/persos/perso-11.svg", mode: "width", lazy:false} %}
  27. </div>
  28. </a>
  29. </div>
  30. <div class="swiper-slide">
  31. <a href="/pitchos-bavards/pitchos/patineuse-sur-l-eau" class="swup-link slider-item odd" data-swup-color="rgb(197,73,63)">
  32. <h3 style="background: rgb(197,73,63); background: linear-gradient(0deg, rgba(197,73,63,1) 50%, rgba(210,80,70,1) 50%);">Patineuse sur l'eau</h3>
  33. <div class="slider-perso">
  34. {% include '_elements/image.html.twig'
  35. with {src: "build/images/pitchos-bavards/persos/perso-13.svg", mode: "width", lazy:false} %}
  36. </div>
  37. </a>
  38. </div>
  39. <div class="swiper-slide">
  40. <a href="/pitchos-bavards/pitchos/detective-de-l-espace" class="swup-link slider-item even" data-swup-color="rgb(62,119,164)">
  41. <h3 style="background: rgb(62,119,164); background: linear-gradient(0deg, rgba(62,119,164,1) 50%, rgba(68,129,181,1) 50%);">Détective de l'espace</h3>
  42. <div class="slider-perso">
  43. {% include '_elements/image.html.twig'
  44. with {src: "build/images/pitchos-bavards/persos/perso-14.svg", mode: "width", lazy:false} %}
  45. </div>
  46. </a>
  47. </div>
  48. <div class="swiper-slide">
  49. <a href="/pitchos-bavards/pitchos/animo-exploratrice" class="swup-link slider-item odd" data-swup-color="rgb(232,159,64)">
  50. <h3 style="background: rgb(232,159,64); background: linear-gradient(0deg, rgba(232,159,64,1) 50%, rgba(239,188,132,1) 50%);">Animo'exploratrice</h3>
  51. <div class="slider-perso">
  52. {% include '_elements/image.html.twig'
  53. with {src: "build/images/pitchos-bavards/persos/perso-15.svg", mode: "width", lazy:false} %}
  54. </div>
  55. </a>
  56. </div>
  57. <div class="swiper-slide">
  58. <a href="/pitchos-bavards/pitchos/banquisatrice" class="swup-link slider-item even" data-swup-color="rgb(81,170,216)">
  59. <h3 style="background: rgb(81,170,216); background: linear-gradient(0deg, rgba(81,170,216,1) 50%, rgba(93,183,232,1) 50%);">Banquisatrice</h3>
  60. <div class="slider-perso">
  61. {% include '_elements/image.html.twig'
  62. with {src: "build/images/pitchos-bavards/persos/perso-01.svg", mode: "width", lazy:false} %}
  63. </div>
  64. </a>
  65. </div>
  66. <div class="swiper-slide">
  67. <a href="/pitchos-bavards/pitchos/livreuse-de-gouters-express" class="swup-link slider-item odd" data-swup-color="rgb(211,145,167)">
  68. <h3 style="background: rgb(211,145,167); background: linear-gradient(0deg, rgba(211,145,167,1) 50%, rgba(230,161,187,1) 50%);">Livreuse de goûters express</h3>
  69. <div class="slider-perso">
  70. {% include '_elements/image.html.twig'
  71. with {src: "build/images/pitchos-bavards/persos/perso-02.svg", mode: "width", lazy:false} %}
  72. </div>
  73. </a>
  74. </div>
  75. <div class="swiper-slide">
  76. <a href="/pitchos-bavards/pitchos/professeur-de-blagues" class="swup-link slider-item even" data-swup-color="rgb(120,174,153)">
  77. <h3 style="background: rgb(120,174,153); background: linear-gradient(0deg, rgba(120,174,153,1) 50%, rgba(143,199,180,1) 50%);">Professeur de blagues</h3>
  78. <div class="slider-perso">
  79. {% include '_elements/image.html.twig'
  80. with {src: "build/images/pitchos-bavards/persos/perso-03.svg", mode: "width", lazy:false} %}
  81. </div>
  82. </a>
  83. </div>
  84. <div class="swiper-slide">
  85. <a href="/pitchos-bavards/pitchos/inventeur-du-stylo-magique" class="swup-link slider-item odd" data-swup-color="rgb(129,175,86)">
  86. <h3 style="background: rgb(129,175,86); background: linear-gradient(0deg, rgba(129,175,86,1) 50%, rgba(146,193,98,1) 50%);">Inventeur du stylo magique</h3>
  87. <div class="slider-perso">
  88. {% include '_elements/image.html.twig'
  89. with {src: "build/images/pitchos-bavards/persos/perso-04.svg", mode: "width", lazy:false} %}
  90. </div>
  91. </a>
  92. </div>
  93. <div class="swiper-slide">
  94. <a href="/pitchos-bavards/pitchos/pompier-de-volcans" class="swup-link slider-item even" data-swup-color="rgb(197,73,63)">
  95. <h3 style="background: rgb(197,73,63); background: linear-gradient(0deg, rgba(197,73,63,1) 50%, rgba(210,80,70,1) 50%);">Pompier de volcans</h3>
  96. <div class="slider-perso">
  97. {% include '_elements/image.html.twig'
  98. with {src: "build/images/pitchos-bavards/persos/perso-05.svg", mode: "width", lazy:false} %}
  99. </div>
  100. </a>
  101. </div>
  102. <div class="swiper-slide">
  103. <a href="/pitchos-bavards/pitchos/danseuse-aux-etoiles" class="swup-link slider-item odd" data-swup-color="rgb(62,119,164)">
  104. <h3 style="background: rgb(62,119,164); background: linear-gradient(0deg, rgba(62,119,164,1) 50%, rgba(68,129,181,1) 50%);">Danseuse aux étoiles</h3>
  105. <div class="slider-perso">
  106. {% include '_elements/image.html.twig'
  107. with {src: "build/images/pitchos-bavards/persos/perso-06.svg", mode: "width", lazy:false} %}
  108. </div>
  109. </a>
  110. </div>
  111. <div class="swiper-slide">
  112. <a href="/pitchos-bavards/pitchos/championne-de-chat-perche" class="swup-link slider-item even" data-swup-color="rgb(232,159,64)">
  113. <h3 style="background: rgb(232,159,64); background: linear-gradient(0deg, rgba(232,159,64,1) 50%, rgba(239,188,132,1) 50%);">Championne de chat perché</h3>
  114. <div class="slider-perso">
  115. {% include '_elements/image.html.twig'
  116. with {src: "build/images/pitchos-bavards/persos/perso-07.svg", mode: "width", lazy:false} %}
  117. </div>
  118. </a>
  119. </div>
  120. <div class="swiper-slide">
  121. <a href="/pitchos-bavards/pitchos/surfeur-de-nuages" class="swup-link slider-item odd" data-swup-color="rgb(81,170,216)">
  122. <h3 style="background: rgb(81,170,216); background: linear-gradient(0deg, rgba(81,170,216,1) 50%, rgba(93,183,232,1) 50%);">Surfeur de nuages</h3>
  123. <div class="slider-perso">
  124. {% include '_elements/image.html.twig'
  125. with {src: "build/images/pitchos-bavards/persos/perso-08.svg", mode: "width", lazy:false} %}
  126. </div>
  127. </a>
  128. </div>
  129. </div>
  130. </div>
  132. <div class="swiper-button-prev"></div>
  133. <div class="swiper-button-next"></div>