Gradient-Header – CSS Snippet

Go back

 <header class="navbar">

    <!-- Logo -->
    <div class="logo">
      <div class="logo-icon">V.</div>
      <span>Vidyamath</span>
    </div>

    <!-- Navigation -->
    <nav class="nav-links">
      <a href="#">Home</a>
      <a href="#">About</a>
      <a href="#">Services</a>
      <a href="#">Work</a>
      <a href="#">Pricing</a>
      <a href="#">Contact</a>
    </nav>

    <!-- Right Buttons -->
    <div class="nav-actions">
      <button class="icon-btn">⌕</button>
      <button class="menu-btn">☰</button>
    </div>

  </header>