47 lines
2.2 KiB
HTML
47 lines
2.2 KiB
HTML
<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>
|