templates/front-office/_base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <meta name="description" content="{% block metaDescription %}{% endblock %}">
  9.     <title>{% block title %}{% endblock %}</title>
  10.     <link rel="stylesheet" href="{{ asset('assets/meli/meli-styles.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('assets/css/front-office/styles.css') }}">
  12.     {% block link %}{% endblock %}
  13. </head>
  14. <body>
  16.     <header class="base-header meli-header meli-section-90">
  18.         <div class="meli-header-logo">
  19.             <a href="{{ path('home') }}">
  20.                 <img src="{{ asset('assets/img/logo/studio-p.png') }}" alt="Logo Studio-P">
  21.             </a>
  22.         </div>
  24.         {# Check if there is really products in basket #}
  25.         {% set check = false %}
  26.         {% for key, c in app.request.cookies.all %}
  27.             {% if key|split("-")|length > 1 %}
  28.                 {% set check = true %}
  29.             {% endif %}
  30.         {% endfor %}
  32.         <nav class="meli-header-nav meli-width-70">
  33.             <ul>
  34.                 <li><a href="{{ path('studio_list') }}">STUDIOS</a></li>
  35.                 <li><a href="{{ path('material_list') }}">MATERIELS</a></li>
  36.                 <li><a href="{{ path('contact') }}">CONTACT</a></li>
  37.                 <li class="basket">
  38.                     <a href="{{ path('booking_form') }}">
  39.                         Panier de Réservation
  40.                         <span id="js-menu-basket">
  41.                             {% if check %} <span class="circle-red"></span> {% endif %}
  42.                             <img  src="{{ asset('assets/img/picto/basket.png') }}" alt="panier">
  43.                         </span>
  44.                     </a>
  45.                 </li>
  47.             </ul>
  48.         </nav>
  50.     </header>
  52.     {# RESPONSIVE MENU #}
  54.     <nav class="base-responsive-menu meli-width-100">
  55.         <ul class="base-responsive-menu-content meli-around-center meli-section-80">
  56.             <li class="txt-center img-box meli-width-10 meli-center-center">
  57.                 <a href="{{ path('home') }}">
  58.                     <img src="{{ asset('assets/img/menu/studio-p.png') }}" alt="Accueil">
  59.                     accueil
  60.                 </a>
  61.             </li>
  62.             <li class="txt-center img-box meli-width-10 meli-center-center">
  63.                 <a href="{{ path('studio_list') }}">
  64.                     <img src="{{ asset('assets/img/menu/materiel.png') }}" alt="Materiel">
  65.                     matériels
  66.                 </a>
  67.             </li>
  68.             <li class="txt-center img-box meli-width-10 meli-center-center">
  69.                 <a href="{{ path('material_list') }}">
  70.                     <img src="{{ asset('assets/img/menu/studio.png') }}" alt="Studio">
  71.                     studios
  72.                 </a>
  73.             </li>
  74.             <li class="txt-center img-box meli-width-10 meli-center-center">
  75.                 <a href="{{ path('booking_form') }}">
  76.                     <img src="{{ asset('assets/img/menu/panier.png') }}" alt="Panier">
  77.                     panier
  78.                 </a>
  79.             </li>
  80.         </ul>
  81.     </nav>
  83.     {# END - RESPONSIVE MENU #}
  85.     <main>
  86.         {% block content %}{% endblock %}
  87.     </main>
  89.     <footer class="base-footer meli-flex-col meli-around-center">
  91.         <div class="meli-center-center">
  92.             <div class="img-box">
  93.                 <img src="{{ asset('assets/img/logo/studio-p-white.png') }}" alt="Logo Studio-p">
  94.             </div>
  95.         </div>
  97.         <ul class="meli-around-center meli-section-90">
  98.            <li>
  99.                <a href="{{ path('explanation') }}">Comment louer ?</a>
  100.            </li>
  101.             <li>
  102.                 <a href="{{ path('legal') }}">Mentions légales</a>
  103.             </li>
  104.             <li>
  105.                 <a href="{{ path('contact') }}">Contact</a>
  106.             </li>
  107.         </ul>
  109.         <div class="copyrights">
  110.             <p>Créé par <a href="https://meliway.fr">MELIWAY</a>, designé par Wanda SOBCZAK
  111.             et développement par Hery DOMENICHINI</p>
  113.             <p>© Copyright - Tous droits réservés</p>
  114.         </div>
  116.     </footer>
  118.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  119.     <script src="{{ asset('assets/meli/meli-script.js') }}"></script>
  120.     {% block script %}{% endblock %}
  121. </body>
  122. </html>