<nav class="gu-navbar"> <div class="nav-logo">Logo</div> <div class="nav-list"> <ul> <a class="nav-list-item" href="#"><i class="fas fa-user"></i> Profile</a> </ul> <ul> <a class="nav-list-item" href="#"><i class="fas fa-heart"></i> Wishlist</a> </ul> <ul> <a class="nav-list-item" href="#"><i class="fas fa-shopping-bag"></i> Cart</a> </ul> </div> </nav>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter