Portfolio-Header – CSS Snippet

Go back

<header class="header">

  <!-- Logo -->
  <a href="#" class="logo">
    KHUSHI<span>.NATH</span>
  </a>


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

    <a href="#" class="active">
      01 / HOME
    </a>

    <a href="#about">
      02 / ABOUT
    </a>

    <a href="#skills">
      03 / SKILLS
    </a>

    <a href="#projects">
      04 / PROJECTS
    </a>

    <a href="#contact">
      05 / CONTACT
    </a>

  </nav>


  <!-- Mobile Menu Button -->
  <button class="menu-button" id="menuButton">

    <span></span>
    <span></span>

  </button>

</header>


<!-- Mobile Navigation -->

<div class="mobile-navigation" id="mobileNavigation">

  <a href="#">01 / HOME</a>

  <a href="#about">02 / ABOUT</a>

  <a href="#skills">03 / SKILLS</a>

  <a href="#projects">04 / PROJECTS</a>

  <a href="#contact">05 / CONTACT</a>

</div>