templates/la-famille/la-gamme/la-gamme.html.twig line 1

Open in your IDE?
  1. {% set section = 'range' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Brioche Pasquier{% endblock %}
  4. {% block body %}
  5. <div data-controller="range" class="container-xl">
  6. <nav aria-label="breadcrumb">
  7. <ol class="breadcrumb">
  8. <li class="breadcrumb-item"><a href="/" class="swup-link">Accueil</a></li>
  9. <li class="breadcrumb-item active" aria-current="page">La gamme</li>
  10. </ol>
  11. </nav>
  12. <div id="range-back">
  13. <a href="/la-famille" class="btn btn-primary swup-link">RETOUR</a>
  14. </div>
  15. <div id="header-family">
  16. <img src="build/images/family/header-family.svg" />
  17. </div>
  18. <h1 class="visually-hidden">La famille</h1>
  19. <h2 class="text-center">Des petits derniers aux grands classiques, <br aria-hidden="true" />retrouve ici la grande famille Pitch, <br aria-hidden="true" />pour les petits et grands gourmands&nbsp;!</h2>
  20. <div class="container">
  21. <div class="family-link row align-items-center">
  22. <div class="col-12 col-sm-12 col-md-6 order-md-2 order-1 text-center">
  23. <a href="/la-famille/la-gamme/les-petits-derniers" class="swup-link" data-swup-color="#F0AC45" style="color: #F0AC45;"><span>L</span><span>e</span><span>s</span> <span>p</span><span>e</span><span>t</span><span>i</span><span>t</span><span>s</span> <br aria-hidden="true" /><span>d</span><span>e</span><span>r</span><span>n</span><span>i</span><span>e</span><span>r</span><span>s</span></a>
  24. </div>
  25. <div class="col-12 col-sm-12 col-md-6 order-md-1 order-2">
  26. <div class="family-cadre lazy" style="background: url(build/images/family/cadre-01.svg) center center / contain no-repeat; padding: 20%;"><a href="/la-famille/la-gamme/les-petits-derniers" class="swup-link" data-swup-color="#F0AC45"><img src="build/images/family/pack-petitsderniers.png" class="lazy" /></a></div>
  27. </div>
  28. </div>
  29. <div class="family-link row align-items-center">
  30. <div class="col-12 col-sm-12 col-md-6 text-center">
  31. <a href="/la-famille/la-gamme/les-chocobarres" class="swup-link" data-swup-color="#6B9ACE" style="color: #6B9ACE;"><span>L</span><span>e</span><span>s</span> <span>c</span><span>h</span><span>o</span><span>c</span><span>o</span><br aria-hidden="true" /><span>b</span><span>a</span><span>r</span><span>r</span><span>e</span><span>s</span></a>
  32. </div>
  33. <div class="col-12 col-sm-12 col-md-6">
  34. <div class="family-cadre lazy" style="background: url(build/images/family/cadre-02.svg) center center / contain no-repeat; padding: 15% 20% 17.5% 17.5%;"><a href="/la-famille/la-gamme/les-chocobarres" class="swup-link" data-swup-color="#6B9ACE"><img src="build/images/family/pack-chocobarres.png" class="lazy" /></a></div>
  35. </div>
  36. </div>
  37. <div class="family-link row align-items-center">
  38. <div class="col-12 col-sm-12 col-md-6 order-md-2 order-1 text-center">
  39. <a href="/la-famille/la-gamme/les-chocofondants" class="swup-link" data-swup-color="#724F1D" style="color: #724F1D;"><span>L</span><span>e</span><span>s</span> <span>c</span><span>h</span><span>o</span><span>c</span><span>o</span><br aria-hidden="true" /><span>f</span><span>o</span><span>n</span><span>d</span><span>a</span><span>n</span><span>t</span><span>s</span></a>
  40. </div>
  41. <div class="col-12 col-sm-12 col-md-6 order-md-1 order-2">
  42. <div class="family-cadre lazy" style="background: url(build/images/family/cadre-03.svg) center center / contain no-repeat; padding: 20% 18% 19% 22%;"><a href="/la-famille/la-gamme/les-chocofondants" class="swup-link" data-swup-color="#724F1D"><img src="build/images/family/pack-chocofondants.png" class="lazy" /></a></div>
  43. </div>
  44. </div>
  45. <div class="family-link row align-items-center">
  46. <div class="col-12 col-sm-12 col-md-6 text-center">
  47. <a href="/la-famille/la-gamme/les-chocopepites" class="swup-link" data-swup-color="#D27C39" style="color: #D27C39;"><span>L</span><span>e</span><span>s</span> <span>c</span><span>h</span><span>o</span><span>c</span><span>o</span><br aria-hidden="true" /><span>p</span><span>é</span><span>p</span><span>i</span>t</span><span>e</span><span>s</span></a>
  48. </div>
  49. <div class="col-12 col-sm-12 col-md-6">
  50. <div class="family-cadre lazy" style="background: url(build/images/family/cadre-04.svg) center center / contain no-repeat; padding: 14% 27.5% 16% 27.5%;"><a href="/la-famille/la-gamme/les-chocopepites" class="swup-link" data-swup-color="#D27C39"><img src="build/images/family/pack-chocopepites.png" class="lazy" /></a></div>
  51. </div>
  52. </div>
  53. <div class="family-link row align-items-center">
  54. <div class="col-12 col-sm-12 col-md-6 order-md-2 order-1 text-center">
  55. <a href="/la-famille/la-gamme/les-fruites" class="swup-link" data-swup-color="#C5465D" style="color: #C5465D;"><span>L</span><span>e</span><span>s</span> <span>f</span><span>r</span><span>u</span><span>i</span><span>t</span><span>é</span><span>s</span></a>
  56. </div>
  57. <div class="col-12 col-sm-12 col-md-6 order-md-1 order-2">
  58. <div class="family-cadre lazy" style="background: url(build/images/family/cadre-05.svg) center center / contain no-repeat; padding: 22.5% 12.5% 18%;"><a href="/la-famille/la-gamme/les-fruites" class="swup-link" data-swup-color="#C5465D"><img src="build/images/family/pack-fruites.png" class="lazy" /></a></div>
  59. </div>
  60. </div>
  61. </div>
  62. <h2 class="text-center">Et toujours sans conservateurs, <br aria-hidden="true" />sans colorants ni arômes artificiels, <br aria-hidden="true" />pour te garantir un goûter SANS-sationnel.</h2>
  63. </div>
  64. {% endblock %}