Navbar

Example

Light Navbar

<nav class="light-navbar">
    <div class="d-flex a-center">
        <img src="img/Power RB.png" class="img-logo p-20" />
        <h1>Power-rb</h1>
    </div>
    <a href="#" class="toggle-button">
        <span class="light-line"></span>
        <span class="light-line"></span>
        <span class="light-line"></span>
    </a>
        
    <div class="link-container">
        <ul>
        <li class="light-li"><a href="#" class="light-link">Link</a></li>
        <li class="light-li"><a href="#" class="light-link">Link</a></li>
        <li class="light-li"><a href="#" class="light-link">Link</a></li>
        <li class="light-li"><a href="#" class="light-link">Link</a></li>
        </ul>
    </div>
</nav>

Dark Navbar

<nav class="dark-navbar">
    <div class="d-flex a-center">
        <img src="img/Power RB.png" class="img-logo p-20" />
        <h1>Power-rb</h1>
    </div>
    <a href="#" class="toggle-button">
        <span class="dark-line"></span>
        <span class="dark-line"></span>
        <span class="dark-line"></span>
    </a>
        
    <div class="link-container">
        <ul>
        <li class="dark-li"><a href="#" class="dark-link">Link</a></li>
        <li class="dark-li"><a href="#" class="dark-link">Link</a></li>
        <li class="dark-li"><a href="#" class="dark-link">Link</a></li>
        <li class="dark-li"><a href="#" class="dark-link">Link</a></li>
        </ul>
    </div>
</nav>