templates/front_otacos/osucre.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}O'Sucré{% endblock %}
  5. {% block body %}
  7.     <div class="osucre">
  8.         <div class="wrapper">
  9.             <ul class="breadcrumb">
  10.                 <li><a href="{{path('home')}}">{{'accueil'|trans}}</a></li>
  11.                 <li><a href="{{path('grosse-faim')}}">{{'menu.grossefaim'|trans}}</a></li>
  12.                 <li>O'Sucré</li>
  13.             </ul>
  15.             <h1 class="titreDualFont"><img src="/img/bt-logo-osucre.svg" /></h1>
  17.             <p class="chapo"><b>{{'osucre.1'|trans|raw}}</b><br/><br/>
  18.             {{'osucre.2'|trans|raw}}
  19.             </p>
  22.         </div>
  25.         {# <div class="wrapper photo-header-osucre">
  26.             <img src="/img/header-osucre.png" />
  27.         </div> #}
  29.         <div class="wrapper photo-header" style="background-image:url('/img/header-osucre.png');">
  30.             <div>
  31.                 {# <p><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a></p> #}
  32.             </div>
  33.         </div>
  36.         <div class="wrapper osucre-produits rounded3columns">
  37.             <div class="osucre-produits-single">
  38.                 <img src="/img/glace.png" />
  39.                 <p class="osucre-produits-single-titre">{{'osucre.3'|trans|raw}}</p>
  40.                 {{'osucre.4'|trans|raw}}
  41.             </div>
  42.             <div class="osucre-produits-single">
  43.                 <img src="/img/shake.png" />
  44.                 <p class="osucre-produits-single-titre">{{'osucre.5'|trans|raw}}</p>
  45.                 {{'osucre.6'|trans|raw}}          
  46.             </div>
  47.             <div class="osucre-produits-liste">
  48.                 <img src="/img/bt-logo-osucre.svg" class="osucre-produits-logo" />
  49.                 <p class="osucre-produits-liste-titre">{{'osucre.7'|trans|raw}}</p>
  50.                 <p>{{'osucre.8'|trans|raw}}</p>
  52.                 <p class="osucre-produits-liste-titre">{{'osucre.9'|trans|raw}}</p>
  53.                 <p>{{'osucre.10'|trans|raw}}</p>
  55.             </div>
  56.         </div>
  58.         <div class="wrapper osucre-produits osucre-produits-violet rounded3columns">
  59.             <div class="osucre-produits-single">
  60.                 <img src="/img/donut.png" class="donut" />
  61.                 <p class="osucre-produits-single-titre">Donut</p>
  62.                 <p>{{'osucre.11'|trans}}</p>
  63.                 <p>{{'osucre.12'|trans}}</p>
  64.             </div>
  65.             <div class="osucre-produits-single">
  66.                 <img src="/img/tiramisu.png" class="tiramisu" />
  67.                 <p class="osucre-produits-single-titre">Tiramisus</p>
  68.                 <p>{{'osucre.13'|trans}}</p>
  69.                 <p>{{'osucre.14'|trans}}</p>
  70.                 <p>{{'osucre.11'|trans}}</p>            
  71.             </div>
  72.             <div class="osucre-produits-single">
  73.                 <img src="/img/cookies.png" class="cookies" />
  74.                 <p class="osucre-produits-single-titre">Cookie</p>
  75.                 <p>{{'osucre.11'|trans}}</p>            
  76.             </div>
  77.         </div>
  79.         <div class="wrapper osucre-allergenes">
  80.             <p class="btAllergenes" id="openPopin">{{'voirallergenes'|trans}}</p>
  81.         </div>
  84.         <h2 class="osucre-h2">{{'osucre.15'|trans}}</h2>
  86.         <div class="wrapper rounded3columns">
  88.             <div class="btImg btImgFingerfood">
  89.                 <img src="/img/fingerfood-fromagelardons2.png" />
  90.                 <a href="{{path('fingerfood')}}">Finger <span>food</span></a>
  91.             </div>
  93.             <div class="btImg btImgSoif">
  94.                 <a href="{{path('boissons')}}">{{ 'boissons'|trans|raw }} <span>{{ 'soifs'|trans|raw }}</span></a>
  95.                 <img src="/img/bt-boissons_{{ app.request.getLocale()|lower }}.png" />
  96.             </div>
  98.             <div class="btImg btOfondue">
  99.                 <img src="/img/ofondue.svg" />
  100.                 <a href="{{path('ofondue')}}"><img src="/img/bt-ofondue4.png" /></a>
  101.             </div>
  102.         </div>
  104.     </div>
  107.     <div id="popin" class="closed">
  108.         <div id="popin_frame">
  109.             <div id="popin_content" class="popin_allergenes">
  110.                 <img src="/img/close_black.svg" width="30" height="25" id="popin_close">
  111.                 <h2><img src="/img/allergenes.svg" /> {{'allergenes'|trans}}</h2>
  112.                 {{'osucre.16'|trans|raw}}
  114.                 {{'labase.10'|trans|raw}}
  115.             </div>
  116.         </div>
  117.     </div>
  118. {% endblock %}