<header>
  <div class="container header-container">

    <!-- Logo -->
    <a href="index.php">
      <img src="images/logo.png" alt="HRDC Logo" class="logo">
    </a>

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light">

      <!-- Mobile menu toggle -->
      <div class="menu-toggle" id="mobileToggle">
        <span></span>
        <span></span>
        <span></span>
      </div>

      <!-- Menu items -->
      <ul class="menu" id="navbarNav">

        <li><a href="index.php">Home</a></li>

        <li class="dropdown">
          <a href="#">About Us</a>
          <ul class="dropdown-menu">
            <li><a href="about.php">Who We Are</a></li>
            <li><a href="board.php">Board Members</a></li>
            <li><a href="secretariat.php">Secretariat</a></li>
          </ul>
        </li>

        <li><a href="complaints.php">Complaints</a></li>
        <li><a href="donate.php">Donate</a></li>
        <li><a href="#">Resources</a></li>
        <li><a href="#">Partners</a></li>

        <li class="dropdown">
          <a href="#">Media</a>
          <ul class="dropdown-menu">
            <li><a href="news.php">News</a></li>
            <li><a href="press_release.php  ">Press Release</a></li>
            <li><a href="gallery.php">Gallery</a></li>
          </ul>
        </li>

        <li><a href="contact_us.php">Contact Us</a></li>

      </ul>
    </nav>

  </div>
</header>
