<header class="header util--position-relative">
<div class="header__body">
<a href="demo-home.html" class="header__logo"><img src="/assets/images/hcs-logo.svg" class="logo header__logo-image" alt=""> <img src="/assets/images/hcs-logo-invert.svg" class="logo header__logo-image--invert" alt=""></a>
<div class="header__wrapper">
<ul class="header__nav">
<li class="header__nav-item">
<a class="header__nav-link" href="nav-link">Nav link</a>
<li class="header__nav-item">
<a class="header__nav-link" href="nav-link">Nav link</a>
<li class="header__nav-item">
<a class="header__nav-link" href="nav-link">nav link</a>
</ul>
<div class="header__meta">
<a href="#" class="header__lang"><svg class="icon header__lang-icon" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#language"></use></svg> EN</a> <a class="button header__contact" href="mailto:stine@hamburgcodingschool.com"><span class="button__label">Contact us</span></a> <a href="#" class="header__burger"><svg class="icon header__burger-icon" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#burger"></use></svg></a>
</div>
</div>
</div>
<div class="header__offcanvas">
<div class="header__offcanvas-wrapper">
<div class="form-search">
<form>
<div class="form-search__body">
<input class="form-text" placeholder="Type to search"> <button class="form-search__button" type="submit" name="action">Search</button>
</div>
</form>
</div>
<ul class="header__offcanvas-nav">
<li class="header__offcanvas-nav-item">
<a class="header__offcanvas-nav-link" href="demo-listing.html">All Courses <svg class="icon header__offcanvas-nav-icon" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#arrow-right"></use></svg></a>
<li class="header__offcanvas-nav-item">
<a class="header__offcanvas-nav-link" href="demo-listing.html">Learning path <svg class="icon header__offcanvas-nav-icon" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#arrow-right"></use></svg></a>
<li class="header__offcanvas-nav-item">
<a class="header__offcanvas-nav-link" href="demo-blog.html">Blog <svg class="icon header__offcanvas-nav-icon" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#arrow-right"></use></svg></a>
</ul><a class="button header__offcanvas-contact"><span class="button__label">Contact us</span></a>
</div>
</div>
</header>
