{% extends 'base.html.twig' %}
{% block title %}{{'franchise.1'|trans}}{% endblock %}
{% block body %}
<style>
.before300resto::before {
background-image: url('/img/300eme-restaurant_{{ app.request.getLocale()|lower }}.png') !important;
}
</style>
<div class="devenirfranchise">
<div class="wrapper">
<ul class="breadcrumb">
<li><a href="{{path('home')}}">{{'accueil'|trans}}</a></li>
<li><a href="{{path('la-famille')}}">{{'menu.lafamille'|trans}}</a></li>
<li>{{'franchise.1'|trans|raw}}</li>
</ul>
<h1 class="titreDualFont"><div>{{'franchise.2'|trans|raw}}</div></h1>
<p class="chapo"><b>{{'franchise.3'|trans|raw}}</b><br/>{{'franchise.4'|trans|raw}}</p>
<h2>{{'franchise.5'|trans|raw}}</h2>
<ol class="devenirfranchise-argu">
{{'franchise.6'|trans|raw}}
</ol>
</div>
</div>
<div class="devenirfranchise-croissance bgeclair-jaune">
<div class="wrapper before300resto">
<h2>{{'franchise.7'|trans|raw}}</h2>
<ul>
<li>
<img src="/img/resto.png" />
<span class="date">2017</span>
<span class="nb"><i>146</i>
<svg viewbox="0 0 80 100">
<path d="M40 99.5 C-22.5 57.5 0 0 40 0.5 C80 0 102.5 57.5 40 99.5z"/>
</svg>
</span>
</li>
<li>
<img src="/img/resto.png" />
<span class="date">2018</span>
<span class="nb"><i>210</i>
<svg viewbox="0 0 80 100">
<path d="M40 99.5 C-22.5 57.5 0 0 40 0.5 C80 0 102.5 57.5 40 99.5z"/>
</svg>
</span>
</li>
<li>
<img src="/img/resto.png" />
<span class="date">2019</span>
<span class="nb"><i>246</i>
<svg viewbox="0 0 80 100">
<path d="M40 99.5 C-22.5 57.5 0 0 40 0.5 C80 0 102.5 57.5 40 99.5z"/>
</svg>
</span>
</li>
<li>
<img src="/img/resto.png" />
<span class="date">2020</span>
<span class="nb"><i>271</i>
<svg viewbox="0 0 80 100">
<path d="M40 99.5 C-22.5 57.5 0 0 40 0.5 C80 0 102.5 57.5 40 99.5z"/>
</svg>
</span>
</li>
<li>
<img src="/img/resto.png" />
<span class="date">2021</span>
<span class="nb"><i>307</i>
<svg viewbox="0 0 80 100">
<path d="M40 99.5 C-22.5 57.5 0 0 40 0.5 C80 0 102.5 57.5 40 99.5z"/>
</svg>
</span>
</li>
</ul>
</div>
</div>
<div class="devenirfranchise-chiffres">
<div class="wrapper">
<h2>{{'franchise.8'|trans|raw}}</h2>
<div class="devenirfranchise-chiffres-liste">
<div>
<span><b>80 000 €</b></span>
<p>{{'franchise.9'|trans|raw}}</p>
</div>
<div>
<span><b>25 000 €</b></span>
<p>{{'franchise.10'|trans|raw}}</p>
</div>
<div>
<span><b>
300 000 €
<br/>350 000 €
</b></span>
<p>{{'franchise.11'|trans|raw}}</p>
</div>
</div>
</div>
</div>
<div class="devenirfranchise-bottom">
<div class="devenirfranchise-candidat">
<div class="wrapper">
<div class="devenirfranchise-candidat-profil">
<h2>{{'franchise.12'|trans|raw}}</h2>
<ul class="devenirfranchise-candidat-profil-stars">
<li class="stars3">
<span><img src="/img/etoile.svg" /><img src="/img/etoile.svg" /><img src="/img/etoile.svg" /></span>
{{'franchise.13'|trans|raw}}
</li>
<li class="stars3">
<span><img src="/img/etoile.svg" /><img src="/img/etoile.svg" /><img src="/img/etoile.svg" /></span>
{{'franchise.14'|trans|raw}}
</li>
<li class="stars1"><span><img src="/img/etoile.svg" /></span>
{{'franchise.15'|trans|raw}}</li>
<li class="stars2"><span><img src="/img/etoile.svg" /><img src="/img/etoile.svg" /></span>
{{'franchise.16'|trans|raw}}</li>
<li class="stars1"><span><img src="/img/etoile.svg" /></span>
{{'franchise.17'|trans|raw}}</li>
</ul>
<ul class="devenirfranchise-candidat-profil-bullets">
{{'franchise.18'|trans|raw}}
</ul>
</div>
</div>
</div>
<div class="wrapper">
<div class="devenirfranchise-rejoindre">
<div>
<h2>{{'franchise.19'|trans|raw}}</h2>
<p>{{'franchise.20'|trans|raw}}</p>
<p style="color:#ff7200;">{{'franchise.21'|trans|raw}}</p>
<p><a href="{{path('franchise-form')}}" class="button">{{'franchise.22'|trans|raw}}</a></p>
</div>
</div>
</div>
</div>
{% endblock %}