Quick Presets

Navbar Style

Position

Colors

Brand / Logo

Navigation Items

CTA Button

Dimensions

Effects

Hover Effects

Mobile Menu

Preview

Page content would appear here

<nav class="navbar" role="navigation" aria-label="Main navigation">
  <a href="#" class="navbar-brand">
    
    <span>BrandName</span>
  </a>

  <button class="navbar-toggle" aria-label="Toggle navigation" aria-expanded="false">
    <span></span>
    <span></span>
    <span></span>
  </button>

  <ul class="navbar-nav">
      <li><a href="#home" class="nav-link active">Home</a></li>
      <li><a href="#about" class="nav-link">About</a></li>
      <li><a href="#services" class="nav-link">Services</a></li>
      <li><a href="#contact" class="nav-link">Contact</a></li>
    <li><a href="#signup" class="navbar-cta">Get Started</a></li>
  </ul>

</nav>