<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">

        <!-- Sidebar - Brand -->
        <a class="sidebar-brand d-flex align-items-center justify-content-center" href="admin">
            <div class="sidebar-brand-icon rotate-n-15">
                <i class="fas fa-laugh-wink"></i>
            </div>
            <div class="sidebar-brand-text mx-3">HP Admin</sup></div>
        </a>

        <!-- Divider -->
        <hr class="sidebar-divider my-0">

        <!-- Nav Item - Dashboard -->
        <li class="nav-item active">
            <a class="nav-link" href="admin">
                <i class="fas fa-fw fa-tachometer-alt"></i>
                <span>Dashboard</span></a>
        </li>

        <!-- Divider -->
        <hr class="sidebar-divider">

        <!-- Heading -->
        <div class="sidebar-heading">
            Management
        </div>

        <li class="nav-item active">
            <a class="nav-link" href="request">
                <i class="fas fa-fw fa-table"></i>
                <span>Request</span></a>
        </li>

        <li class="nav-item active">
            <a class="nav-link" href="SkillCategoryControl">
                <i class="fas fa-fw fa-table"></i>
                <span>Skill</span></a>
        </li>

        <li class="nav-item active">
            <a class="nav-link" href="UserControl">
                <i class="fas fa-fw fa-table"></i>
                <span>User</span></a>
        </li>

        <li class="nav-item active">
            <a class="nav-link" href="MentorRegistControl">
                <i class="fas fa-fw fa-table"></i>
                <span>Mentor Regist</span></a>
        </li>
        
        <li class="nav-item active">
            <a class="nav-link" href="manageRate">
                <i class="fas fa-fw fa-table"></i>
                <span>Rating</span></a>
        </li>

        <!-- Divider -->
        <hr class="sidebar-divider d-none d-md-block">

        <!-- Sidebar Toggler (Sidebar) -->
        <div class="text-center d-none d-md-inline">
            <button class="rounded-circle border-0" id="sidebarToggle"></button>
        </div>
    </ul>