<header class="c-header">
<div class="c-header__top-bar-container u-hide@below-viewport-9">
<div class="c-header__top-bar l-container">
<div class="c-header__sponsor-message">
<span class="c-header__sponsor-message-text">Ondersteund door</span>
<a class="c-header__sponsor-message-link" href="#">Politie antwerpen</a>
</div>
<div class="c-header__actions">
<ul class="c-header__sub-nav">
<li class="c-header__sub-nav-item">
<a class="c-header__sub-nav-link" href="#">Mijn account</a>
</li>
<li class="c-header__sub-nav-item">
<a class="c-header__sub-nav-link" href="#">Uitloggen</a>
</li>
</ul>
<div class="c-language js-language c-header__language">
<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>
</div>
</div>
</div>
<div class="c-header__main-container">
<div class="c-header__main l-container">
<a class="c-logo c-header__logo" href="#">
<img class="c-logo__visual" src="/assets/images/general/brand/logo.png" alt="Shield Logo">
</a>
<nav class="c-header__nav u-hide@below-viewport-9">
<ul class="c-header__nav-list">
<li class="c-header__nav-item">
<a class="c-header__nav-link" href="#">publicaties</a>
</li>
<li class="c-header__nav-item">
<a class="c-header__nav-link" href="#">opleidingen</a>
</li>
<li class="c-header__nav-item">
<a class="c-header__nav-link" href="#">global shield network</a>
</li>
<li class="c-header__nav-item">
<a class="c-header__nav-link" href="#">contact</a>
</li>
<li class="c-header__nav-item">
<a class="c-header__search" href="#">
<div class="c-icon c-header__search-icon">
<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>
</a>
</li>
<li class="c-header__nav-item">
<a class="c-logo c-header__secondary-logo" href="#">
<img class="c-logo__visual" src="/assets/images/general/brand/global-shield-logo.png" alt="Shield Logo">
</a>
</li>
</ul>
</nav>
<div class="c-hamburger js-hamburger c-header__hamburger u-hide@above-viewport-9">
<div class="c-hamburger__bars"></div>
</div>
</div>
</div>
</header>
