{% extends 'base.html.twig' %}
{% block title %}O'Mignon{% endblock %}
{% block body %}
<div class="otacosmignon">
<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>Mignon</li>
</ul>
<h1 class="titreDualFont"><img src="/img/logo-mignon.svg" /></h1>
<p class="chapo"><b>{{'omignon.1'|trans}}</b><br/><br/>
{{'omignon.2'|trans}}
</p>
</div>
<div class="wrapper photo-header-mignon">
<img src="/img/header-mignon_{{ app.request.getLocale()|lower }}.jpg" />
</div>
<div class="wrapper">
<div class="stand2col">
<div class="omignon-compo">
<h2>{{'omignon.3'|trans}}</h2>
<p>
{{'omignon.4'|trans|raw}}
</p>
<div>
<p id="openPopin" class="btAllergenes">{{'voirallergenes'|trans}}</p>
{# <a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a> #}
</div>
</div>
<div class="omignon-visuel">
<h2>{{'omignon.5'|trans}}</h2>
<img src="/img/cadeau_omignon.png">
</div>
</div>
</div>
<h2 class="osucre-h2">{{'omignon.6'|trans}}</h2>
<div class="wrapper rounded3columns">
<div class="btImg btOfondue">
<img src="/img/ofondue.svg" />
<a href="{{path('ofondue')}}"><img src="/img/bt-ofondue4.png" /></a>
</div>
<div class="btImg btImgDesserts">
<img src="/img/bt-desserts.png" />
<a href="{{path('osucre')}}">{{ 'grossefaim.6'|trans|raw }}</a>
</div>
<div class="btImg btImgFingerfood">
<img src="/img/fingerfood-fromagelardons2.png" />
<a href="{{path('fingerfood')}}">Finger <span>food</span></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>
{{'omignon.7'|trans|raw}}
{{'labase.10'|trans|raw}}
</div>
</div>
</div>
{% endblock %}