Preview:
<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>
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