<header class="st-header st-header--no-bg">
<a class="st-header__logo" href="/">
<figure class="st-header__logo">
<img src="assets/svg/logo-dark.svg" alt="Logo">
</figure>
</a>
<nav class="st-header__nav">
<span class="st-nav-dropdown">
<a class="st-nav-item st-nav-dropdown__link" href="#">About</a>
<div class="st-nav-dropdown__content">
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
</span>
<a class="st-nav-item" href="#">Work</a>
<a class="st-nav-item" href="#">Contact</a>
<a class="st-nav-item btn btn--rounded btn--small" href="#">Newsletter</a>
</nav>
</header>
<header class="st-header">
<a class="st-header__logo" href="/">
<figure class="st-header__logo">
<img src="assets/svg/logo-dark.svg" alt="Logo">
</figure>
</a>
<nav class="st-header__nav">
<span class="st-nav-dropdown">
<a class="st-nav-item st-nav-dropdown__link" href="#">About</a>
<div class="st-nav-dropdown__content">
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
</span>
<a class="st-nav-item" href="#">Work</a>
<a class="st-nav-item" href="#">Contact</a>
<a class="st-nav-item btn btn--rounded btn--small" href="#">Newsletter</a>
</nav>
</header>
<header class="st-header st-header--dark">
<a class="st-header__logo" href="/">
<figure class="st-header__logo">
<img src="assets/svg/logo.svg" alt="Logo">
</figure>
</a>
<nav class="st-header__nav">
<span class="st-nav-dropdown">
<a class="st-nav-item st-nav-dropdown__link" href="#">About</a>
<div class="st-nav-dropdown__content">
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
</span>
<a class="st-nav-item" href="#">Work</a>
<a class="st-nav-item" href="#">Contact</a>
</nav>
</header>
<header class="st-header">
<a class="st-header__logo" href="/">
<figure class="st-header__logo">
<img src="assets/svg/logo-dark.svg" alt="Logo">
</figure>
</a>
<nav class="st-header__nav">
<span class="st-header-big__item">
<a class="st-nav-item st-header-big__link" href="#">About</a>
<div class="st-header-big__content">
<div>
<span href="#" class="st-header__nav__title" href="#">About 1</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">About 2</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">About 3</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">About 4</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
</div>
</span>
<span class="st-header-big__item">
<a class="st-nav-item st-header-big__link" href="#">Work</a>
<div class="st-header-big__content">
<div>
<span href="#" class="st-header__nav__title" href="#">Work 1</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">Work 2</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">Work 3</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">Work 4</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
</div>
</span>
<span class="st-header-big__item">
<a class="st-nav-item st-header-big__link" href="#">Contact</a>
<div class="st-header-big__content">
<div>
<span href="#" class="st-header__nav__title" href="#">Contact 1</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">Contact 2</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">Contact 3</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
<div>
<span href="#" class="st-header__nav__title" href="#">Contact 4</span>
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
</div>
</span>
<a class="st-nav-item btn btn--rounded btn--small" href="#">Newsletter</a>
</nav>
</header>
<div class="st-header__nav st-sub-header">
<nav class="st-header__nav">
<a class="st-nav-item" href="#">About</a>
<a class="st-nav-item" href="#">Work</a>
<a class="st-nav-item" href="#">Contact</a>
</nav>
</div>
<header class="st-header">
<a class="st-header__logo" href="/">
<figure class="st-header__logo">
<img src="assets/svg/logo-dark.svg" alt="Logo">
</figure>
</a>
<nav class="st-header__nav">
<span class="st-nav-dropdown">
<a class="st-nav-item st-nav-dropdown__link" href="#">About</a>
<div class="st-nav-dropdown__content">
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
</span>
<a class="st-nav-item" href="#">Work</a>
<a class="st-nav-item" href="#">Contact</a>
</nav>
</header>
</div>
<div class="st-header__nav st-sub-header st-header--dark">
<nav class="st-header__nav">
<a class="st-nav-item" href="#">About</a>
<a class="st-nav-item" href="#">Work</a>
<a class="st-nav-item" href="#">Contact</a>
</nav>
</div>
<header class="st-header st-header--dark">
<a class="st-header__logo" href="/">
<figure class="st-header__logo">
<img src="assets/svg/logo.svg" alt="Logo">
</figure>
</a>
<nav class="st-header__nav">
<span class="st-nav-dropdown">
<a class="st-nav-item st-nav-dropdown__link" href="#">About</a>
<div class="st-nav-dropdown__content">
<a href="#" class="st-nav-item" href="#">About</a>
<a href="#" class="st-nav-item" href="#">Work</a>
<a href="#" class="st-nav-item" href="#">Contact</a>
</div>
</span>
<a class="st-nav-item" href="#">Work</a>
<a class="st-nav-item" href="#">Contact</a>
</nav>
</header>