<!-- Navigation --> <nav class="flex-row header-bar"> <div class="flex-row header-left"> <i class="material-icons header-icon"> menu </i> <h1 class="web-logo">Gaming</h1> </div> <div class="flex-row header-right"> <button class="btn primary-btn btn-active">LOGIN</button> <div class="relative-container"> <i class="material-icons header-icon"> favorite_border</i> <div class="badge top-right flex-row center-it nav-badge-color">3</div> </div> <div class="flex-row relative-container"> <i class="material-icons header-icon"> shopping_cart </i> <div class="badge top-right flex-row center-it nav-badge-color">2</div> </div> <i class="material-icons header-icon"> logout </i> </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