<nav class="nav-bar nav-colored top"> <!-- you can remove the nav-colored class and the navbar will become tranparent --> <a href="#"><img class="hero-logo hover-class" src="/src/hero-logo.png" alt="logo"></a> <div class="nav-links"> <a class="link-plain hover-class" href="#"> Docs</a> <a class="link-plain hover-class" href="#"><i class="fab fa-github"></i></a> <a class="link-plain hover-class" href="#"><i class="fab fa-linkedin"></i></a> </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