<!-- header area start -->
<header>
<div class="bd-header__section bd-white">
<div class="bd-header__main" id="header-sticky">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-2 col-md-6 col-6">
<div class="logo">
<a href="{{path('app_home')}}">
<img src="{{ asset('assets/images/logo.png') }}" alt="Logo Mether" width="150"
srcset="{{ asset('assets/images/logo.png') }} 480w,
{{ asset('assets/images/logo.png') }} 768w,
{{ asset('assets/images/logo.png') }} 1200w">
</a>
</div>
</div>
<div class="col-lg-10 col-md-6 col-6">
<div class="d-flex justify-content-end">
<div class="main-menu">
<nav id="mobile-menu">
<ul>
<li>
<a href="{{path('app_home')}}">{% trans %}Accueil{% endtrans %}</a>
</li>
<li>
<a href="{{path('app_blog_index')}}">{% trans %}Blog{% endtrans %}</a>
</li>
<li>
<a role="button" class="btn-calendly-appointment">{% trans %}Prendre Rendez-vous{% endtrans %}</a>
</li>
<li>
<a href="{{path('app_auth_login')}}">{% trans %}Se connecter{% endtrans %}</a>
</li>
{# <li>
<a href="{{path('app_about_us')}}">À propos</a>
</li>
<li>
<a href="{{path('app_services')}}">Nos services</a>
</li>
<li>
<a href="{{path('app_portfolio')}}">Portfolio</a>
</li>
<li>
<a href="{{path('app_blog_index')}}">Blog</a>
</li>
<li>
<a href="{{path('app_contact')}}">Contact</a>
</li> #}
<li>
<select id="langage" class="form-control" onchange="SelectTranslation(event)">
<option value="fr" {{ app.request.session.get('localeSession') == 'fr' ? 'selected' : '' }}>FR</option>
<option value="en" {{ app.request.session.get('localeSession') == 'en' ? 'selected' : '' }}>EN</option>
<option value="es" {{ app.request.session.get('localeSession') == 'es' ? 'selected' : '' }}>ES</option>
</select>
</li>
</ul>
</nav>
</div>
<div class="bd-header__main-right d-flex justify-content-end align-items-center pl-30 d-block d-sm-block d-md-none">
<div class="bd-header__hamburger ml-50">
<button type="button" class="hamburger-btn offcanvas-open-btn">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header area end -->