Goldent-Theme-Header – CSS Snippet

Go back

<header class="luxury-header">

    <!-- Logo -->
    <a href="#" class="brand">
      <span class="brand-symbol">V.</span>

      <span class="brand-name">
        Vidyamath
      </span>
    </a>


    <!-- Navigation -->
    <nav class="navigation">

      <a href="#" class="nav-item active">
        Home
      </a>

      <a href="#" class="nav-item">
        About
      </a>

      <a href="#" class="nav-item">
        Services
      </a>

      <a href="#" class="nav-item">
        Projects
      </a>

      <a href="#" class="nav-item">
        Contact
      </a>

    </nav>


    <!-- Right Side -->
    <div class="header-right">

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

      <a href="#" class="contact-btn">
        Let's Talk
        <span>↗</span>
      </a>

    </div>

  </header>