<nav class="navbar navbar-expand-lg navbar-light " >
<div class="container header">
<div class="header-left">
<a href="/"><img class="logo" src="/assets/img/header/logo.png" alt="My Audio"></a>
</div>
<input type="checkbox" id="menu" name="menu" class="menu-checkbox">
<div class="header-right menu justify-content-end align-items-center" id="navbarNav">
<label class="menu-toggle" for="menu"></label>
<img class="resp logoresp" src="/assets/img/header/logo.png" alt="My Audio">
<ul class="navbar-nav nav nav-pills nav-right align-items-center">
<button type="button" class="btn btn-vert btn-outline-light me-2" onclick="location.href='/pro';">Vous êtes audioprothésiste</button>
<button type="button" class="d-block d-lg-none btn btn-vert btn-outline-light me-2" onclick="location.href='/test-auditif-en-ligne';">Test auditifs en ligne</button>
<li class="nav-item dropdown underlined">
<a class="nav-link justify-content-center align-items-center " href="#" id="more" data-bs-toggle="dropdown" aria-expanded="false">
En savoir plus<span class="material-icons dropdown-icon">
arrow_drop_down
</span>
</a>
<ul class="dropdown-menu" aria-labelledby="more" >
<li><a class="dropdown-item" href="/ensavoirplus/fonctionnement-de-l-oreille">L'audition</a></li>
<li><a class="dropdown-item" href="/ensavoirplus/contoursoreille">Appareils auditifs</a></li>
<li><a class="dropdown-item" href="/ensavoirplus/fonctionnement-de-l-oreille">Protections auditives</a></li>
<li><a class="dropdown-item d-none d-lg-block" href="/test-auditif-en-ligne">Test auditifs en ligne</a></li>
<li><a class="dropdown-item" href="/actualite-de-l-audition">Actualité de l'audition</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link FAQ" href="/faq" id="help" >
<span class=" d-none d-lg-block material-icons ">help_outline</span>
<span class=" d-block d-lg-none titreFAQ">FAQ</span>
</a>
</li>
<div class="headerUser order-first order-lg-last">
{% include "/userHeader.html.twig" %}
</div>
</ul>
<div class="resp nav-footer">
<a href="/pro/contactez-nous" style="text-decoration:none;">Contact</a>
<div class="social-link">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/myaudio.fr"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/myaudio.fr"> <i class="fab fa-facebook"></i></a>
<a href="https://www.linkedin.com/company/myaudio/about/"> <i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</nav>
<script src="/assets/js/header.js"></script>