Transparent-Header – CSS Snippet

Go back

<header class="premium-navbar">

  <a href="#" class="logo">
    <span class="logo-mark">V.</span>
    <span class="logo-text">Vidyamath</span>
  </a>

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

  <div class="nav-actions">

    <button class="icon-btn">
      <svg viewBox="0 0 24 24">
        <circle cx="11" cy="11" r="6"></circle>
        <path d="M16 16L21 21"></path>
      </svg>
    </button>

    <button class="menu-btn">
      <span></span>
      <span></span>
    </button>

  </div>

</header>