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