templates/front/inc/header.html.twig line 1

Open in your IDE?
  1. <header>
  2.     <div class="row m-0 p-0 w-100">
  3.         <div class="col-md-5 col-xl-5 wrapp-header">
  4.             <div class="row container-mobile">
  5.                 <div class="col-6 col-md-8 p-2" id="logoHeader">
  6.                     <a href="#sectionFirst"><img src="{{ asset('img/TGL_logo.svg') }}" alt="Travel Group Luxembourg"></a>
  7.                 </div>
  8.                 <div class="col-6 col-md-3 responsive-mobile position-relative" id="menuBurger">
  9.                     <div id="menuBar" class="pl-3 pr-3 container-burger bg-grey position-absolute d-flex flex-column justify-content-center align-items-center" style="width:50px;right:0;">
  10.                         <div class="bar"></div>
  11.                         <div class="bar"></div>
  12.                         <div class="bar"></div>
  13.                     </div>
  14.                 </div>
  15.                 <div class=" col-md-4 bg-grey p-0 d-flex justify-content-around align-items-center no-responsive menu-icon-bar" style="height:70px;">
  16.                     <ul class="d-flex justify-content-between align-items-center p-0 w-100 mb-0 nav-menu h-100">
  17.                         {% if app.request.locale == 'fr' %}
  18.                             <li class="w-50"><div class="bg-grey-light"></div><a href="/en" class="white text-center">EN</a></li>
  19.                         {% else %}
  20.                             <li class="w-50"><div class="bg-grey-light"></div><a href="/fr" class="white text-center">FR</a></li>
  21.                         {% endif %}
  22.                         <li class="w-50"><div class="bg-grey-light"></div><a href="#contactEncre" class="white text-center"><img src="{{ asset('img/icon-envelop.svg') }}"></a></li>
  23.                         <li class="w-50"><div class="bg-grey-light"></div><a target="_blank" href="https://www.linkedin.com/company/tgl-lu/about/" class="white text-center"><img src="{{ asset('img/icon-linkedin.svg') }}"></a></li>
  24.                     </ul>
  25.                 </div>
  26.             </div>
  27.         </div>
  28.         <div class="col-md-7 bg-dark-grey p-2 d-flex justify-content-center align-items-center p-0 nav-header no-responsive">
  29.             <ul class="w-100 d-flex justify-content-between align-items-center m-0 p-0 h-100 nav-menu">
  30.                 <li><div class="bg-gold"></div><a  {% if  blockMission is defined %} data-img="{{ asset(image_member_dir) ~ blockVision.image }}" {%  endif %} href="#scrollToMission" class="white menu_mission" id="btnVision">{{ (app.request.locale == 'fr') ? 'Notre vision' : 'Our vision' }}</a></li>
  31.                 <li><div class="bg-gold"></div><a  {% if  blockMission is defined %} data-img="{{ asset(image_member_dir) ~ blockMission.image }}" {%  endif %} href="#scrollToMission" class="white menu_mission" id="btnMission">{{ (app.request.locale == 'fr') ? 'Notre mission' : 'Our mission' }}</a></li>
  32.                 <li><div class="bg-gold"></div><a href="#groupBlock" class="white">{{ (app.request.locale == 'fr') ? 'Le groupe' : 'The group' }}</a></li>
  33.                 <li><div class="bg-gold"></div><a href="#teamBlock" class="white">{{ (app.request.locale == 'fr') ? 'L’équipe' : 'The team' }}</a></li>
  34.                 <li><div class="bg-gold"></div><a href="#scrollAgencies" class="white">{{ (app.request.locale == 'fr') ? 'Nos agences' : 'Our agencies' }}</a></li>
  35.             </ul>
  36.             <ul class="bg-grey d-flex justify-content-center align-items-center p-0 nav-jobs">
  37.                 <li><div class="bg-gold"></div><a href="#joinBlock" class="white">Jobs</a></li>
  38.             </ul>
  39.         </div>
  40.     </div>
  41. </header>