{% set section = 'range' %}
{% extends 'base.html.twig' %}
{% block title %}Pitch - Brioche Pasquier{% endblock %}
{% block body %}
<div data-controller="range" class="container-xl">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/" class="swup-link">Accueil</a></li>
<li class="breadcrumb-item active" aria-current="page">La gamme</li>
</ol>
</nav>
<div id="range-back">
<a href="/la-famille" class="btn btn-primary swup-link">RETOUR</a>
</div>
<div id="header-family">
<img src="build/images/family/header-family.svg" />
</div>
<h1 class="visually-hidden">La famille</h1>
<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 !</h2>
<div class="container">
<div class="family-link row align-items-center">
<div class="col-12 col-sm-12 col-md-6 order-md-2 order-1 text-center">
<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>
</div>
<div class="col-12 col-sm-12 col-md-6 order-md-1 order-2">
<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>
</div>
</div>
<div class="family-link row align-items-center">
<div class="col-12 col-sm-12 col-md-6 text-center">
<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>
</div>
<div class="col-12 col-sm-12 col-md-6">
<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>
</div>
</div>
<div class="family-link row align-items-center">
<div class="col-12 col-sm-12 col-md-6 order-md-2 order-1 text-center">
<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>
</div>
<div class="col-12 col-sm-12 col-md-6 order-md-1 order-2">
<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>
</div>
</div>
<div class="family-link row align-items-center">
<div class="col-12 col-sm-12 col-md-6 text-center">
<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>
</div>
<div class="col-12 col-sm-12 col-md-6">
<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>
</div>
</div>
<div class="family-link row align-items-center">
<div class="col-12 col-sm-12 col-md-6 order-md-2 order-1 text-center">
<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>
</div>
<div class="col-12 col-sm-12 col-md-6 order-md-1 order-2">
<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>
</div>
</div>
</div>
<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>
</div>
{% endblock %}