menubar.html

<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" id="top" href="/">
    <img
      src="./images/logo/logo-light.png"
      width="30"
      height="30"
      class="d-inline-block align-top"
      alt="logo"
    />
    Hazel Shop
  </a>
  <button
    class="navbar-toggler"
    type="button"
    data-toggle="collapse"
    data-target="#navbarNav"
    aria-controls="navbarNav"
    aria-expanded="false"
    aria-label="Toggle navigation"
  >
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item">
        <a class="nav-link" href="#basic">Basic</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#th">Treasure Hunt</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#sth">Sup Treasure Hunt</a>
      </li>
      <li class="nav-item dropdown">
        <a
          class="nav-link dropdown-toggle"
          href="#"
          id="navbarDropdownMenuLink"
          data-toggle="dropdown"
          aria-haspopup="true"
          aria-expanded="false"
        >
          List Treasure Hunt
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <a class="dropdown-item" href="t-hunt.html?year=2023">2023</a>
          <a class="dropdown-item" href="t-hunt.html?year=2024">2024</a>
          <a class="dropdown-item" href="t-hunt.html?year=2025">2025</a>
        </div>
      </li>
    </ul>
  </div>
</nav>
<!-- Navbar -->