NavBar

NavBar in your webpage made easy with NxetGenCSS

NavBar

• ⚠Note:- There are still some bugs in NavBar , So use it on your own risk .

<nav class="navbar bg-leaf mg-b-2">
    <div class="logo">Blog Name</div>
        <!-- NAVIGATION MENU -->
        <ul class="nav-links">
            <!-- USING CHECKBOX HACK -->
            <input type="checkbox" id="checkbox_toggle" />
            <!--Hamburger for navbar-->
            <label for="checkbox_toggle" class="hamburger">&#9776;</label> 
            <!-- NAVIGATION MENUS -->
            <div class="menu">
                <li><a href="/">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Pricing</a></li>
                <li><a href="#">Contact</a></li>
            </div>
        </ul>
    </div>
</nav>

On Monitors or big devices

On small devices like smart phones etc.