{% extends 'base.html.twig' %}
{% block title %}O'Fondue{% endblock %}
{% block body %}
<div class="ofondue">
<div class="wrapper">
<ul class="breadcrumb">
<li><a href="{{path('home')}}">{{'accueil'|trans}}</a></li>
<li><a href="{{path('grosse-faim')}}">{{'menu.grossefaim'|trans}}</a></li>
<li>O'Fondue</li>
</ul>
<h1 class="titreDualFont"><img src="/img/ofondue.png" /></h1>
<p class="chapo">
<span style="font-weight:bold;">{{'fondue.1'|trans|raw}}</span><br/><br/><br/>
<b class="chapo-heavitas">{{'fondue.2'|trans|raw}}</b><br/>
<b class="chapo-heavitas">{{'fondue.3'|trans|raw}}</b><br/><br/>
<b>{{'fondue.4'|trans|raw}}</b><br/>
<b>{{'fondue.5'|trans|raw}}</b>
</p>
<div class="stand2col">
<div class="blockOFondue blockOFondue1">
<img src="/img/ofondue-titre1_{{ app.request.getLocale()|lower }}.png" class="imgTitre" />
<img src="/img/ofondue-visuel1.png" class="imgVisuel" />
<p>{{'fondue.6'|trans|raw}}</p>
{# <p class="bottomButton"><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a></p> #}
</div>
<div class="blockOFondue blockOFondue2">
<img src="/img/ofondue-titre2_{{ app.request.getLocale()|lower }}.png" class="imgTitre" />
<img src="/img/ofondue-visuel2.png" class="imgVisuel" />
<p>{{'fondue.7'|trans|raw}}</p>
{# <p class="bottomButton"><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a></p> #}
</div>
<div class="blockOFondue blockOFondue3">
<img src="/img/ofondue-titre3_{{ app.request.getLocale()|lower }}.png" class="imgTitre" />
<img src="/img/ofondue-visuel3.png" class="imgVisuel" />
<p>{{'fondue.8'|trans|raw}}</p>
{# <p class="bottomButton"><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a></p> #}
</div>
<div class="blockOFondue blockOFondue4">
<img src="/img/ofondue-titre4_{{ app.request.getLocale()|lower }}.png" class="imgTitre" />
<img src="/img/ofondue-visuel4.png" class="imgVisuel" />
<p>{{'fondue.9'|trans|raw}}</p>
{# <p class="bottomButton"><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a></p> #}
</div>
</div>
<div class="wrapper osucre-allergenes">
<p class="btAllergenes" id="openPopin">{{'voirallergenes'|trans|raw}}</p>
</div>
<div style="text-align:center;">
<a href="{{path('la-base')}}" class="button">{{'fondue.10'|trans|raw}}</a>
</div>
</div>
</div>
<div id="popin" class="closed">
<div id="popin_frame">
<div id="popin_content" class="popin_allergenes">
<img src="/img/close_black.svg" width="30" height="25" id="popin_close">
<h2><img src="/img/allergenes.svg" /> {{'allergenes'|trans}}</h2>
{{'fondue.11'|trans|raw}}
{{'labase.10'|trans|raw}}
</div>
</div>
</div>
{% endblock %}