<nav class="navbar">
    <div class="logo"><img src="res/logo.svg" height="80em" alt="logo"></div>
    
    <div class="push-right">
        <!-- https://jonsuh.com/hamburgers/ -->
        <button id="menu-toggler" class="hamburger">
            <span class="hamburger-line hamburger-line-top"></span>
            <span class="hamburger-line hamburger-line-middle"></span>
            <span class="hamburger-line hamburger-line-bottom"></span>
        </button>

        <ul class="primary-menu menu nav-menu">
            <li class="menu-item current-menu-item"><a class="nav-link" href="#">New</a></li>
            <li class="menu-item dropdown"><a class="nav-link" href="#">Sets▾</a>
                <!-- TODO: Going to need to dynamically generate this -->
                <ul class = "sub-nav">
                    <li><a class="sub-nav-link" href="#">1</a></li>
                    <li><a class="sub-nav-link" href="#">2</a></li>
                    <li><a class="sub-nav-link" href="#">3</a></li>
                </ul>
            </li>
            <li class="menu-item dropdown"><a class="nav-link"  href="#">Bricks▾</a>
                <ul class="sub-nav" >
                    <li><a class="sub-nav-link" href="#">1</a></li>
                    <li><a class="sub-nav-link" href="#">2</a></li>
                    <li><a class="sub-nav-link" href="#">3</a></li>
                </ul>
            </li>
            <li class="menu-item"><a class="nav-link" href="#">My Account</a>
        </ul>
        <ul class="secondary-menu menu push-down">
            
            <span class="search-wrapper">
                <input id="search-bar" class="menu-item" type="text" placeholder="search..."/>
            </span>

            <img id="fave-icon" class="menu-item" src="https://www.svgrepo.com/show/25921/heart.svg" width="27px" stroke="#222" stroke-width="2px" alt="">
            
            <span id="cart-wrapper">
                <img id="cart-icon" class="menu-item" src="https://www.svgrepo.com/show/343743/cart.svg" width="30px" stroke="#222" stroke-width="2px" alt="">
                <span id="cart-number" class="menu-item">5</span>
            </span>
        </ul>
    </div>

</nav>
