<nav class="c-nav js-nav u-hide@above-viewport-9 is-open">
<div class="c-nav__overlay-wrapper">
<div class="c-nav__overlay"></div>
</div>
<div class="c-nav__background"></div>
<div class="c-nav__content l-container">
<ul class="c-nav__main-nav-list">
<li class="c-nav__main-nav-item c-nav__item">
<a class="c-nav__main-nav-link" href="#">publicaties</a>
</li>
<li class="c-nav__main-nav-item c-nav__item">
<a class="c-nav__main-nav-link" href="#">opleidingen</a>
</li>
<li class="c-nav__main-nav-item c-nav__item">
<a class="c-nav__main-nav-link" href="#">global shield network</a>
</li>
<li class="c-nav__main-nav-item c-nav__item">
<a class="c-nav__main-nav-link" href="#">contact</a>
</li>
<li class="c-nav__main-nav-item c-nav__item">
<button class="c-button c-nav__main-search c-button--with-icon-after">
<span class="c-button__text">Zoeken</span>
<div class="c-icon c-button__icon c-button__icon--after">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M23.8,22l-6-6c-0.2-0.2-0.4-0.1-0.6,0c1.4-1.7,2.3-3.9,2.3-6.2c0-5.4-4.4-9.7-9.7-9.7S0.1,4.4,0.1,9.7s4.4,9.7,9.7,9.7c2.3,0,4.4-0.8,6.1-2.2c-0.2,0.2-0.2,0.4,0,0.6l6,6c0.2,0.2,0.4,0.2,0.6,0l1.3-1.3C24,22.4,24,22.2,23.8,22z M9.8,17c-4,0-7.3-3.3-7.3-7.3s3.3-7.3,7.3-7.3s7.3,3.3,7.3,7.3S13.8,17,9.8,17z" />
</svg>
</div>
</button>
</li>
</ul>
<ul class="c-nav__secondary-nav-list">
<li class="c-nav__secondary-nav-item c-nav__item">
<a class="c-nav__secondary-nav-link" href="#">Mijn account</a>
</li>
<li class="c-nav__secondary-nav-item c-nav__item">
<a class="c-nav__secondary-nav-link" href="#">Uitloggen</a>
</li>
<div class="c-language js-language c-nav__language c-nav__secondary-nav-item c-nav__item">
<header class="c-language__header">
<span class="c-language__title">NL</span>
<div class="c-icon c-language__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M0,7.9l3-3l9,9l9-9l3,3L13.5,18.4c-0.4,0.4-0.9,0.6-1.5,0.6c-0.6,0-1.1-0.2-1.5-0.6L0,7.9z" />
</svg>
</div>
</header>
<div class="c-language__content">
<div class="c-language__container">
<ul class="c-language__list">
<li class="c-language__item">
<a class="c-language__link is-active" href="#">NL</a>
</li>
<li class="c-language__item">
<a class="c-language__link " href="#">FR</a>
</li>
<li class="c-language__item">
<a class="c-language__link " href="#">EN</a>
</li>
</ul>
</div>
</div>
</div>
</ul>
<a class="c-logo c-nav__logo c-nav__item" href="#">
<img class="c-logo__visual" src="/assets/images/general/brand/global-shield-logo.png" alt="Shield Logo">
</a>
</div>
</nav>
