<!-- navbar-expand-sm -->
<nav class="navbar fixed-bottom bg-color-change-navbar">
  <div class="container height-inherit">
    <!-- <button class="navbar-toggler btn-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"><i class="fa-solid fa-bars bar-toggle"></i></span>
    </button> -->
    <div class="collapse show navbar-collapse justify-content-center height-inherit" id="navbarCollapse">
      <ul class="navbar-nav list-style-navbar height-inherit">
        <li class="nav-item height-inherit">
        <!-- active-link-navbar -->
          <a class="nav-link height-inherit" aria-current="page" href="./dashboard.php">
            <img src="../assets/images/bi_calendar-event.png" class="margin-bottom-css" alt="icon">
          </a>
        </li>
        
        <li class="nav-item height-inherit">
          <a class="nav-link height-inherit" href="./manageEvent.php">
            <img src="../assets/images/bi_calendar-event1.png" class="margin-bottom-css" alt="icon">
          </a>
        </li>
        
        <li class="nav-item height-inherit">
          <a class="nav-link height-inherit" href="./service.php">
            <img src="../assets/images/maskgroupiconnav.png" class="margin-bottom-css" alt="icon">
          </a>
        </li>
        
        <li class="nav-item height-inherit">
          <a class="nav-link height-inherit" href="./businessPortfolio.php">
            <img src="../assets/images/framemannav.png" class="margin-bottom-css" alt="icon">
          </a>
        </li>
        <!-- <li class="nav-item height-inherit">
          <a class="nav-link height-inherit" href="#">Link</a>
        </li>
        <li class="nav-item height-inherit">
          <a class="nav-link height-inherit" href="#">Disabled</a>
        </li>
        <li class="nav-item dropup height-inherit">
          <a class="nav-link dropdown-toggle height-inherit" href="#" id="dropdown10" data-bs-toggle="dropdown" aria-expanded="false">Dropup</a>
          <ul class="dropdown-menu" aria-labelledby="dropdown10">
            <li><a class="dropdown-item" href="#">Action</a></li>
            <li><a class="dropdown-item" href="#">Another action</a></li>
            <li><a class="dropdown-item" href="#">Something else here</a></li>
          </ul>
        </li> -->
      </ul>
    </div>
  </div>
</nav>