templates/partials/header.html.twig line 1

Open in your IDE?
  1. <header>
  2.     {# /// NAV DESKTOP ////////////////// #}
  3.     <nav id="desktop_nav">
  5.         <div id="logo">
  6.             <a class="logo" href="/">
  7.                 <img src="{{ asset('build/images/logo/logo-cover-design-600x400.png') }}" id="logo_image" alt="logo">
  8.             </a>
  9.         </div>
  11.         <div class="menu-main">
  13.             <hr class="mb-20 --bleu-gris-tres-clair">
  15.             <ul class="menu_left typo-principale-light majuscule">
  17.                 {% include 'partials/main-menu.html.twig' %}
  19.             </ul>
  21.             <hr class="mb-20 --bleu-gris-tres-clair">
  24.             <ul class="menu_left typo-principale-light majuscule">
  26.                 {% include 'partials/main-menu-2.html.twig' %}
  28.             </ul>
  30.             <hr class="mb-20 --bleu-gris-tres-clair">
  32.             <div class="nav_appel_action">
  34.                 <a class="popup_link_mfp btn btn-border --white mr-5 mb-10" href="#contact_phone" title="Nous appeler">
  35.                     <i class="icon icon-phone" aria-hidden="true"></i>
  36.                 </a>
  37.                 <a class="btn btn-border --white  mr-5 mb-10" href="{{ path('contact') }}#contact_write" title="Nous écrire">
  38.                     <i class="icon icon-envelope" aria-hidden="true"></i>
  39.                 </a>
  40.                 <a class="btn btn-border --white  mr-20 mb-10" target="_blank" href="https://www.google.com/maps/dir//Cover+Design,+920+Av.+des+Landiers,+73000+Chamb%C3%A9ry/@45.5920034,5.9025312,176m/data=!3m1!1e3!4m16!1m6!3m5!1s0x478ba872e8e4df91:0x62eb16bc245808ea!2sCover+Design!8m2!3d45.5919786!4d5.9028755!4m8!1m0!1m5!1m1!1s0x478ba872e8e4df91:0x62eb16bc245808ea!2m2!1d5.9028755!2d45.5919786!3e0" title="Itinéraire">
  41.                     <i class="icon icon-map-marker" aria-hidden="true"></i>
  42.                 </a>
  43.                 <a class="btn btn-border --white  mr-5 mb-10" href="https://www.facebook.com/coverdesignchambery" target="_blank" title="Facebook">
  44.                     <i class="icon icon-facebook" aria-hidden="true"></i>
  45.                 </a>
  46.                 <a class="btn btn-border --white  mr-5 mb-10" href="https://www.instagram.com/cover_design_auto/" target="_blank" title="Instagram">
  47.                     <i class="icon icon-instagram" aria-hidden="true"></i>
  48.                 </a>
  49.             </div>
  51.         </div>
  53.         <div class="clear"></div>
  55.     </nav>
  58.     <?php /// NAV MOBILE ////////////////// ?>
  59.     <nav id="mobile_nav">
  61.         <div class="menu-main">
  63.             <ul class="typo-principale-bold majuscule">
  65.                 {% include 'partials/main-menu.html.twig' %}
  67.             </ul>
  69.             <ul class="typo-principale-bold majuscule">
  71.                 {% include 'partials/main-menu-2.html.twig' %}
  73.             </ul>
  75.         </div>
  78.         <div class="mobile_header">
  80.             <div class="flex-container --align-items-center" style="height: 60px;">
  82.                 <button class="nav-button" type="button" role="button" aria-label="open/close navigation"><i></i></button>
  84.                 <div class="item-fluid">
  85.                     <a class="logo center text-center" href="/" style="width: 150px;">
  86.                         <img id="logo_image" src="{{ asset('build/images/logo/logo-cover-design-mobile-2.png') }}" alt="logo">
  87.                     </a>
  88.                 </div>
  90.                 {# contact : phone + write #}
  91.                 <div class="item-flex-container contact-btn --align-items-center">
  92.                     <a class="popup_link_mfp typo-white typo-white-hover mr-10" href="#contact_phone" title="Nous appeler">
  93.                         <i class="icon icon-phone typo-180" aria-hidden="true"></i>
  94.                     </a>
  95.                     <a class="typo-white typo-white-hover " href="{{ path('contact') }}" title="Nous écrire">
  96.                         <i class="icon icon-envelope typo-180"></i>
  97.                     </a>
  98.                 </div>
  100.             </div>
  101.         </div>
  103.     </nav>
  105. </header>