Skip to main content

Navbar

We all need a navigation bar to our website. So hypestyle created that! But not a full navigation bar. More simple to make it eassy to create.

Example of a navbar​

<nav class="navbar h-14">
    <h1 class="site-title">Site title</h1>
    <ul class="display-flex">
        <li><a class="ml-1" href="#">Home</a></li>
        <li><a class="ml-1" href="#">About</a></li>
        <li><a class="ml-1" href="#">Contact</a></li>
    </ul>
</nav>

You can use all the colors in the color pattle to customize the navigation bar for the background

class="navbar-(COLOR)"