Web-Infra-Reports-IT/navbar.html

<div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100 border-end border-primary">
  <a href="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
    <span class="fs-5 d-none d-sm-inline text-primary h3">INFRA REPORTS IT</span>
  </a>

  <div class="form-check form-switch ms-auto mt-3 me-3">
    <label class="form-check-label ms-3" for="lightSwitch">
      <i class="bi bi-sun"></i>/<i class="bi bi-moon"></i>
    </label>
    <input class="form-check-input" type="checkbox" id="lightSwitch" />
  </div>

  <ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu">
    <li class="nav-item">
      <a href="/index.php" class="nav-link align-middle px-0">
        <i class="fs-6 bi-house text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Home</span>
      </a>
    </li>
    <li>
      <a href="/crossover/GlobalCrossover.php" class="nav-link px-0 align-middle">
        <i class="fs-6 bi-table text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">DB Crossover</span></a>
    </li>
    <li>
      <a href="#SharedFolders" data-bs-toggle="collapse" class="nav-link px-0 align-middle">
        <i class="fs-6 bi bi-folder-symlink-fill text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Shared Folders</span><i class="bi bi-caret-down"></i> </a>
      <ul class="collapse nav flex-column ms-1" id="SharedFolders" data-bs-parent="#menu">
        <li class="w-100">
          <a href="/shared-folders/eqp-prj.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- PRJ & EQP Folders</span></a>
          <a href="/shared-folders/homedirectories.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- HomeDirectories</span></a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#Unix" data-bs-toggle="collapse" class="nav-link px-0 align-middle">
        <i class="fs-6 bi bi-pc text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Unix/Linux</span><i class="bi bi-caret-down"></i> </a>
      <ul class="collapse nav flex-column ms-1" id="Unix" data-bs-parent="#menu">
        <li class="w-100">
          <a href="/X/SVA-SCU.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- SVA/SCU Accounts</span></a>
          <a href="/X/autoremediationlog.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- AutoRemediation Logs</span></a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#rollup" data-bs-toggle="collapse" class="nav-link px-0 align-middle">
        <i class="fs-6 bi bi-calendar text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Rollups</span><i class="bi bi-caret-down"></i> </a>
      <ul class="collapse nav flex-column ms-1" id="rollup" data-bs-parent="#menu">
        <li class="w-100">
          <a href="/Rollups/rollup-calendar.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- Full Calendar</span></a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#HyperV" data-bs-toggle="collapse" class="nav-link px-0 align-middle">
        <i class="fs-6 bi bi-pc text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Hyper-V</span><i class="bi bi-caret-down"></i> </a>
      <ul class="collapse nav flex-column ms-1" id="HyperV" data-bs-parent="#menu">
        <li class="w-100">
          <a href="/Hyper-V/clusters.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- Hyper-V Clusters</span></a>
          <a href="/Hyper-V/VMs-Backups.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- VMs Backups</span></a>
          <a href="/Hyper-V/migration.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- Migration FollowUp</span></a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#Storage" data-bs-toggle="collapse" class="nav-link px-0 align-middle">
        <i class="fs-6 bi bi-server text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Storage</span><i class="bi bi-caret-down"></i> </a>
      <ul class="collapse nav flex-column ms-1" id="Storage" data-bs-parent="#menu">
        <li class="w-100">
          <a href="/Storage/Dashboard.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- Dashboard IBM SAN</span></a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#Workstation" data-bs-toggle="collapse" class="nav-link px-0 align-middle">
        <i class="fs-6 bi bi-pc-display-horizontal text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Workstations</span><i class="bi bi-caret-down"></i> </a>
      <ul class="collapse nav flex-column ms-1" id="Workstation" data-bs-parent="#menu">
        <li class="w-100">
          <a href="/workstation/globalcrossover.php" class="nav-link px-0"> <span class="d-none d-sm-inline text-white h7">- Crossover</span></a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#Heartbeat" data-bs-toggle="collapse" class="nav-link px-0 align-middle">
        <i class="fs-6 bi bi-activity text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Heartbeat</span><i class="bi bi-caret-down"></i> </a>
      <ul class="collapse nav flex-column ms-1" id="Heartbeat" data-bs-parent="#menu">
        <li class="w-100">
          <a href="/reports/heartbeat.php" class="nav-link px-0" target="_blank"> <span class="d-none d-sm-inline text-white h7">- Heartbeat Map</span></a>
        </li>
      </ul>
    </li>
    <br>
    <br>
    <li>
      <a href="#link" data-bs-toggle="collapse" class="nav-link px-0 align-middle">
        <i class="fs-6 bi bi-link text-white"></i> <span class="ms-1 d-none d-sm-inline text-white h7">Links</span><i class="bi bi-caret-down"></i> </a>
      <ul class="collapse nav flex-column ms-1" id="link" data-bs-parent="#menu">
        <li class="w-100">
          <a href="http://dash-dtd-systemdk.appliarmony.net/index-it-dark.html" class="nav-link px-0" target="_blank"> <span class="d-none d-sm-inline text-white h7">- Dashboard IT</span></a>
          <a href="http://dash-dtd-systemdk.appliarmony.net/index-ot-dark.html" class="nav-link px-0" target="_blank"> <span class="d-none d-sm-inline text-white h7">- Dashboard OT</span></a>
        </li>
      </ul>
    </li>
  </ul>
  <hr>
  <br>
  <br>

</div>