Header

I find the lack of documentation... disturbing 😏, don't you?

Default

px

			
				<header class="c-header">
	<div class="l-container">
		<div class="c-header__container">
			<a class="c-logo c-header__logo c-logo--inverted" href="#">
				<img class="c-logo__visual" src="/assets/images/brand/logo-white.svg" alt="Euraknos Logo">
			</a>
			<nav class="c-nav c-header__nav">
				<div class="l-container@below-viewport-7">
					<ul class="c-nav__list">
						<li class="c-nav__item">
							<a class="c-nav__link c-link" href="#">
								<span class="c-nav__link-text c-link__text">about</span>
							</a>
						</li>
						<li class="c-nav__item">
							<a class="c-nav__link c-link" href="#">
								<span class="c-nav__link-text c-link__text">thematic networks</span>
							</a>
						</li>
						<li class="c-nav__item">
							<a class="c-nav__link c-link" href="#">
								<span class="c-nav__link-text c-link__text">news</span>
							</a>
						</li>
						<li class="c-nav__item">
							<a class="c-nav__link c-link" href="#">
								<span class="c-nav__link-text c-link__text">events</span>
							</a>
						</li>
						<li class="c-nav__item">
							<a class="c-nav__link c-link c-header__nav" href="#">
								<span class="c-nav__link-text c-link__text">Eureka</span>
								<div class="c-icon c-nav__link-icon c-link__icon c-link__icon--after">
									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
										<path d="M8.3,0.4c0.8,0,1.4,0.6,1.4,1.4S9.1,3.2,8.3,3.2l0,0H3.6c-0.3,0-0.5,0.2-0.5,0.5l0,0v16.7c0,0.2,0.2,0.5,0.5,0.5l0,0h16.7c0.3,0,0.5-0.2,0.5-0.5l0,0v-4.6c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4l0,0v4.6c0,1.8-1.5,3.3-3.2,3.3l0,0H3.7c-1.8,0-3.3-1.5-3.3-3.2l0,0V3.6c0-1.8,1.5-3.2,3.2-3.2l0,0H8.3z M22.2,0.4c0.8,0,1.4,0.6,1.4,1.4l0,0v9.3c0,0.8-0.6,1.4-1.4,1.4s-1.4-0.6-1.4-1.4l0,0V5.2l-9.7,9.7c-0.3,0.3-0.6,0.4-1,0.4c-0.4,0-0.7-0.1-1-0.4c-0.5-0.5-0.5-1.4,0-1.9l0,0l9.7-9.7h-5.9c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4l0,0H22.2z" />
									</svg>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</nav>
			<div class="c-hamburger js-hamburger c-header__hamburger u-hide@above-viewport-7">
				<span class="c-hamburger__line"></span>
				<span class="c-hamburger__line"></span>
				<span class="c-hamburger__line"></span>
				<span class="c-hamburger__line"></span>
			</div>
		</div>
	</div>
</header>