Examples

<!-- *** navbar *** -->
<header class="header">
    <nav class="navbar">
        <a href="/" class="nav-logo"><img src="/assets/svg/logo.svg" class="w-100" alt="oatcake logo"></a>
        <ul class="nav-menu">
            <li class="nav-item">
                <a href="/" class="nav-link">Home</a>
            </li>
            <li class="nav-item">
                <a href="/about/" class="nav-link">About</a>
            </li>
            <li class="nav-item">
                <a href="/blog/" class="nav-link">Blog</a>
            </li>
            <li class="nav-item">
                <a href="/contact/" class="nav-link">Contact</a>
            </li>
        </ul>
        <div class="hamburger">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
        </div>
    </nav>
</header><!-- /navbar -->