header.html

<header id="header" class="header dark-background d-flex flex-column">
  <i class="header-toggle d-xl-none bi bi-list"></i>

  <div class="profile-img">
    <img
      src="assets/img/profile-wisnu.jpg"
      alt=""
      class="img-fluid rounded-circle"
    />
  </div>

  <a
    href="index.php"
    class="logo d-flex align-items-center justify-content-center"
  >
    <!-- Uncomment the line below if you also wish to use an image logo -->
    <!-- <img src="assets/img/logo.png" alt=""> -->
    <h1 class="sitename">Wisnu Agung Bhaskoro</h1>
  </a>

  <div class="social-links text-center">
    <a href="https://wa.me/6285211220825" target="_blank" class="whatsapp"
      ><i class="bi bi-whatsapp"></i
    ></a>
    <a href="https://www.linkedin.com/in/wisnubhaskoro/" target="_blank" class="linkedin"
      ><i class="bi bi-linkedin"></i
    ></a>
    <a href="https://github.com/wisnubakso/" target="_blank" class="github"
    ><i class="bi bi-github"></i
      ></a>
    <a href="https://www.instagram.com/wisnubakso" target="_blank" class="instagram"
      ><i class="bi bi-instagram"></i
    ></a>
    <a href="https://x.com/wisnubakso" target="_blank" class="twitter"
      ><i class="bi bi-twitter-x"></i
    ></a>
  </div>

  <nav id="navmenu" class="navmenu">
    <ul>
      <li>
        <a href="index.php#hero" class="active"
          ><i class="bi bi-house navicon"></i> Home</a
        >
      </li>
      <li>
        <a href="index.php#about"><i class="bi bi-person navicon"></i> About</a>
      </li>
      <li>
        <a href="index.php#skills"
          ><i class="fa-solid fa-user-tie navicon"></i></i> Language & Skills</a
        >
      </li>
      <li>
        <a href="index.php#resume"
          ><i class="bi bi-file-earmark-text navicon"></i> Resume</a
        >
      </li>
      <li>
        <a href="index.php#portfolio"><i class="bi bi-images navicon"></i> Portfolio</a>
      </li>
      <!-- <li class="dropdown">
        <a href="#"
          ><i class="bi bi-menu-button navicon"></i> <span>Dropdown</span>
          <i class="bi bi-chevron-down toggle-dropdown"></i
        ></a>
        <ul>
          <li><a href="#">Dropdown 1</a></li>
          <li class="dropdown">
            <a href="#"
              ><span>Deep Dropdown</span>
              <i class="bi bi-chevron-down toggle-dropdown"></i
            ></a>
            <ul>
              <li><a href="#">Deep Dropdown 1</a></li>
              <li><a href="#">Deep Dropdown 2</a></li>
              <li><a href="#">Deep Dropdown 3</a></li>
              <li><a href="#">Deep Dropdown 4</a></li>
              <li><a href="#">Deep Dropdown 5</a></li>
            </ul>
          </li>
          <li><a href="#">Dropdown 2</a></li>
          <li><a href="#">Dropdown 3</a></li>
          <li><a href="#">Dropdown 4</a></li>
        </ul>
      </li> -->
      <li>
        <a href="#contact"><i class="bi bi-telephone navicon"></i> Contact</a>
      </li>
    </ul>
  </nav>
</header>