templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}{% endblock %} - O'Tacos</title>
  6.         <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  7.         <meta name="description" content="">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1">
  9.         <link rel="preconnect" href="https://fonts.gstatic.com">
  10.         <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&display=swap" rel="stylesheet">
  11.         {% include "@CHCookieConsent/cookie_consent_styling.html.twig" %}
  12.         <link rel="stylesheet" href="/css/normalize.css">
  13.         <link rel="stylesheet" href="/css/main.css">
  14.         <link rel="stylesheet" href="/css/styles.css">
  15.         <link rel="preconnect" href="https://fonts.googleapis.com">
  16.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  17.         <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
  18.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  19.         <meta name="theme-color" content="#fe7201">
  20.         {% block stylesheets %}
  21.             {# {{ encore_entry_link_tags('app') }} #}
  22.         {% endblock %}
  23.         {% block javascripts %}
  24.             {# {{ encore_entry_script_tags('app') }} #}
  25.         {% endblock %}
  26.     </head>
  27.     <body>
  28.         {% block homeSlider %}{% endblock %}
  29.         <div class="home_header {% block homeHeaderClass %}{% endblock %}" id="home_header">
  30.             <div class="wrapper">            
  31.                 <header>
  32.                     <nav>
  33.                         <ul>
  34.                             <li class="hamburger" id="hamburger"><img src="/img/hamburger-menu.svg" width="30" height="25"></li>
  35.                             <li class="hideable"><a href="{{path('grosse-faim')}}">{{ 'menu.grossefaim'|trans }}</a></li>
  36.                             <li class="hideable"><a href="{{path('nos-restos')}}">{{ 'menu.nosrestos'|trans }}</a></li>
  37.                             <li class="hideable"><a href="{{path('la-famille')}}">{{ 'menu.lafamille'|trans }}</a></li>
  38.                         </ul>
  39.                         <ul>
  40.                             <li class="logo"><a href="{{absolute_url(path('home'))}}"><img src="/img/logootacos.svg" width="90" height="90" /></a></li>
  41.                         </ul>
  42.                         <ul>
  43.                             {% if app.request.getLocale()|upper == "FR" %}
  44.                             <li class="hideable"><a href="https://o-tacos.talentview.io/?source=site_corpo" target="_blank">{{ 'menu.rejoinsnous'|trans }}</a></li>
  45.                             {% endif %}
  46.                             <li class="hideable"><a href="{{path('otacos-et-moi')}}">{{ 'menu.otacosetmoi'|trans }}</a></li>
  47.                             <li class="hideable"><span id="menuSelectLng">
  48.                             {% if app.request.getLocale()|upper == "BE" %}
  49.                                 BE-FR
  50.                             {% elseif app.request.getLocale()|upper == "NL" %}
  51.                                 BE-NL
  52.                             {% else %}
  53.                                  {{app.request.getLocale()|upper}}   
  54.                             {% endif %}
  55.                             
  56.                             
  57.                                 &nbsp;<img src="/img/down-arrow.svg" height="15" width="15" /></span>
  58.                                 <div id="selectLng">
  59.                                     <a href="{{path(app.request.get('_route'), {_locale:'fr'})}}">FR</a><br/>
  60.                                     <a href="{{path(app.request.get('_route'), {_locale:'be'})}}">BE-FR</a><br/>
  61.                                     <a href="{{path(app.request.get('_route'), {_locale:'nl'})}}">BE-NL</a><br/>
  62.                                     <a href="{{path(app.request.get('_route'), {_locale:'it'})}}">IT</a><br/>
  63.                                     <a href="{{path(app.request.get('_route'), {_locale:'en'})}}">EN</a><br/>
  64.                                     <a href="{{path(app.request.get('_route'), {_locale:'es'})}}">ES</a><br/>
  65.                                     <img src="/img/down-arrow.svg" height="15" width="15" />
  66.                                 </div>
  67.                             </li>
  68.                             {# <li><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{ 'commander'|trans }}</a></li> #}
  69.                             <li></li>
  70.                         </ul>
  71.                     </nav>
  72.                 </header>
  73.             </div>
  74.             <div class="headerMenu {% block headerMenuClass %}{% endblock %}" id="headerMenu" style="display:none;">
  75.                 <div class="wrapper">
  76.                     <div>
  77.                         <ul>
  78.                             {# <li><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose">{{ 'commander'|trans }}</a></li> #}
  79.                             <li><a href="{{path('nos-restos')}}">{{ 'menu.trouverunresto'|trans }}</a></li>
  80.                             <li><a href="{{path('derniere-ouverture')}}">{{ 'menu.derniereouverture'|trans }}</a></li>
  81.                             {% if app.request.locale|checkEncemoment == true %}
  82.                             <li><a href="{{path('encemoment')}}">{{ 'menu.encemoment'|trans }}</a></li>
  83.                             {% endif %}
  84.                             
  85.                         </ul>
  86.                     </div>
  87.                     <div>
  88.                         <ul>
  89.                             <li><a href="{{path('grosse-faim')}}">{{ 'menu.grossefaim'|trans }}</a>
  90.                                 <div class="headerMenu_sscat">
  91.                                     <a href="{{path('la-base')}}">{{ 'menu.labase'|trans }}</a>
  92.                                     <a href="{{path('ofondue')}}">{{ 'ofondue'|trans }}</a>
  93.                                     <a href="{{path('fingerfood')}}">{{ 'fingerfood'|trans }}</a>
  94.                                     <a href="{{path('osucre')}}">{{ 'osucre'|trans }}</a>
  95.                                     <a href="{{path('omignon')}}">{{ 'omignon'|trans }}</a>
  96.                                     <a href="{{path('boissons')}}">{{ 'boissons'|trans }}</a>
  97.                                 </div>
  98.                             </li>
  99.                             <li><a href="{{path('otacos-et-moi')}}">{{ 'menu.otacosetmoi'|trans }}</a></li>
  100.                         </ul>
  101.                     </div>
  102.                     <div>
  103.                         <ul>
  104.                             {% if app.request.locale|checkPromo == true %}
  105.                             <li><a href="{{path('promo')}}">{{ 'menu.promodumoment'|trans }}</a></li>
  106.                             {% endif %}
  107.                             <li><a href="{{path('la-famille')}}">{{ 'menu.lafamille'|trans }}</a>
  108.                                 <div class="headerMenu_sscat">
  109.                                     <a href="{{path('qui-sommes-nous')}}">{{ 'menu.quisommesnous'|trans }}</a>
  110.                                     <a href="{{path('devenir-franchise')}}">{{ 'menu.devenirfranchise'|trans }}</a>
  111.                                     <a href="{{path('qualite-engagement')}}">{{ 'menu.qualite'|trans }}</a>
  112.                                 </div>
  113.                             </li>
  114.                         </ul>
  115.                     </div>
  116.                     <div>
  117.                         <ul>
  118.                             {% if app.request.locale == "fr" %}
  119.                             <li><a href="https://o-tacos.talentview.io/?source=site_corpo" target="_blank">{{ 'menu.rejoinsnous'|trans }}</a></a></li>
  120.                             {% endif %}
  121.                             <li class="contact"><a href="{{path('nous-contacter')}}">{{ 'menu.nouscontacter'|trans }}</a></li>
  122.                         </ul>
  123.                     </div>
  124.                 </div>
  125.             </div>
  126.         </div>
  127.         {# {{ render_esi(path('ch_cookie_consent.show')) }} #}
  128.         {{ render_esi(path('ch_cookie_consent.show_if_cookie_consent_not_set', { 'locale' : app.request.locale })) }}
  129.         {% block body %}{% endblock %}
  130.         <footer>
  131.             <div class="wrapper">
  132.                 <div class="footer_ligne1">
  133.                     <div>
  134.                         <h3>{{ 'footer.rienrater'|trans }}</h3>
  135.                         <form method="post" id="bottomForm">
  136.                             <p id="bottomFormMessage"></p>
  137.                             <input type="email" name="email" id="emailAbo" placeholder="{{ 'footer.rentre'|trans }}" />
  138.                         </form>
  139.                         <p>{{ 'footer.accepter'|trans|raw }}</p>                    
  140.                     </div>
  141.                     <div>
  142.                         <h3>{{ 'footer.capte'|trans }}</h3>
  143.                         <p class="footer_ligne1_social">
  144.                             {% if 'social.ig'|trans != 'social.ig' and 'social.ig'|trans != "" %}
  145.                             <a href="{{ 'social.ig'|trans }}" target="_blank"><img src="/img/instagram.svg" /></a>
  146.                             {% endif %}
  147.                             {% if 'social.fb'|trans != 'social.fb' and 'social.fb'|trans != "" %}
  148.                             <a href="{{ 'social.fb'|trans }}" target="_blank"><img src="/img/facebook.svg" /></a>
  149.                             {% endif %}
  150.                             {% if 'social.tw'|trans != 'social.tw' and 'social.tw'|trans != "" %}
  151.                             <a href="{{ 'social.tw'|trans }}" target="_blank"><img src="/img/twitter.svg" /></a>
  152.                             {% endif %}
  153.                             {% if 'social.sc'|trans != 'social.sc' and 'social.sc'|trans != "" %}
  154.                             <a href="{{ 'social.sc'|trans }}" target="_blank"><img src="/img/snapchat.svg" /></a>
  155.                             {% endif %}
  156.                             {% if 'social.tt'|trans != 'social.tt' and 'social.tt'|trans != "" %}
  157.                             <a href="{{ 'social.tt'|trans }}" target="_blank"><img src="/img/tiktok.svg" /></a>
  158.                             {% endif %}
  159.                             {% if 'social.li'|trans != 'social.li' and 'social.li'|trans != "" %}
  160.                             <a href="{{ 'social.li'|trans }}" target="_blank"><img src="/img/linkedin.svg" /></a>
  161.                             {% endif %}
  162.                             
  163.                         </p>
  164.                     </div>
  165.                 </div>
  166.                 <div class="footer_ligne2">
  167.                     <div class="footer_ligne2_menu">
  168.                         <div>
  169.                             <h4><a href="{{path('grosse-faim')}}">{{ 'menu.grossefaim'|trans }}</a></h4>
  170.                             <ul>
  171.                                 <li><a href="{{path('la-base')}}">{{ 'menu.labase'|trans }}</a></li>
  172.                                 <li><a href="{{path('ofondue')}}">{{ 'ofondue'|trans }}</a></li>
  173.                                 {% if app.request.locale|checkEncemoment == true %}
  174.                                 <li><a href="{{path('encemoment')}}">{{ 'menu.encemoment'|trans }}</a></li>
  175.                                 {% endif %}
  176.                                 <li><a href="{{path('fingerfood')}}">{{ 'fingerfood'|trans }}</a></li>
  177.                                 <li><a href="{{path('osucre')}}">{{ 'osucre'|trans }}</a></li>
  178.                                 <li><a href="{{path('omignon')}}">{{ 'omignon'|trans }}</a></li>
  179.                                 <li><a href="{{path('boissons')}}">{{ 'boissons'|trans }}</a></li>
  180.                             </ul>
  181.                         </div>
  182.                         <div>
  183.                             <h4><a href="{{path('nos-restos')}}">{{ 'menu.nosrestos'|trans }}</a></h4>
  184.                             <ul>
  185.                                 <li><a href="{{path('nos-restos')}}">{{ 'menu.trouverunresto'|trans }}</a></li>
  186.                             </ul>
  187.                         </div>
  188.                         <div>
  189.                             <h4><a href="{{path('la-famille')}}">{{ 'menu.lafamille'|trans }}</a></h4>
  190.                             <ul>
  191.                                 <li><a href="{{path('qui-sommes-nous')}}">{{ 'menu.quisommesnous'|trans }}</a></li>
  192.                                 <li><a href="{{path('devenir-franchise')}}">{{ 'menu.devenirfranchise'|trans }}</a></li>
  193.                                 <li><a href="{{path('qualite-engagement')}}">{{ 'menu.qualite'|trans }}</a></li>
  194.                             </ul>
  195.                         </div>
  196.                         <div>
  197.                             <h4>{{ 'menu.rejoinsnous'|trans }}</h4>
  198.                             <ul>
  199.                                 <li><a href="https://o-tacos.talentview.io/?source=site_corpo" target="_blank">{{'footer.rejoindre'|trans}}</a></li>
  200.                             </ul>
  201.                         </div>
  202.                         <div>
  203.                             <h4><a href="{{path('otacos-et-moi')}}">{{ 'menu.otacosetmoi'|trans }}</a></h4>
  204.                             <ul>
  205.                                 <li><a href="{{path('otacos-et-moi')}}">{{ 'footer.fidelite'|trans }}</a></li>
  206.                             </ul>
  207.                         </div>
  208.                         <div>
  209.                             <h4><a href="{{path('nous-contacter')}}">{{ 'contact'|trans }}</a></h4>
  210.                         </div>
  211.                     </div>
  212.                     <div class="footer_ligne2_rgpd">
  213.                         <ul>
  214.                             {# <li><a href="{{path('cgv')}}">{{ 'cgv.bread'|trans }}</a></li> #}
  215.                             {# <li>Cookies</li> #}
  216.                             <li><a href="{{path('donneesperso')}}">{{ 'donneesperso.bread'|trans }}</a></li>
  217.                             <li><a href="{{path('mentionslegales')}}">{{ 'mentionslegales.bread'|trans }}</a></li>
  218.                             {# <li><a href="{{path('cgv')}}">{{ 'cgv.bread'|trans }}</a></li>
  219.                             <li><a href="{{path('cgufid')}}">{{ 'cgufid.bread'|trans }}</a></li>
  220.                             <li><a href="{{path('cgucc')}}">{{ 'cgucc.bread'|trans }}</a></li> #}
  221.                         </ul>
  222.                         {% if app.request.getLocale() == "fr" %}
  223.                         <a href="https://store-otacos.com/store/" target="_blank" class="button" style="margin-top:40px">Espace franchisés</a>
  224.                         {% endif %}
  225.                         
  226.                     </div>
  227.                 </div>
  228.                 <div class="footer_ligne3">
  229.                     <p>{{ 'footer.mangerbouger'|trans|raw }}</p>
  230.                     <p>&copy;2022 O'Tacos. {{ 'footer.droits'|trans }}.</p>
  231.                 </div>
  232.             </div>
  233.         </footer>
  234.         <script
  235.         src="https://code.jquery.com/jquery-3.6.0.min.js"
  236.         integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  237.         crossorigin="anonymous"></script>
  238.         <script src="/js/vendor/modernizr-3.11.2.min.js"></script>
  239.         <script src="/js/plugins.js"></script>
  240.         <script src="/js/main.js"></script>
  241.         {% block javascripts_bottom %}
  242.             {# {{ encore_entry_script_tags('app') }} #}
  243.         {% endblock %}
  244.     </body>
  245. </html>