<nav id="sidebar" class="sidebar js-sidebar">
    <div class="sidebar-content js-simplebar bg-white">
        <a class="sidebar-brand" href="index.php">
            <span class="align-middle"><img src="./assets/images/icons8-fiverr-50.png" alt="fiver-logo"></span>
        </a>

        <ul class="sidebar-nav">
            <li class="sidebar-header text-dark">
                Main pages
            </li>

            <li class="sidebar-item">
                <a class="sidebar-link text-dark bg-white" href="index.php">
                    <i class="align-middle text-dark" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
                </a>
            </li>

            <li class="sidebar-item">
                <a class="sidebar-link text-dark bg-white" href="pages-sign-up.php">
                    <i class="align-middle text-dark" data-feather="user-plus"></i> <span class="align-middle">Add Admin</span>
                </a>
            </li>

            <li class="sidebar-header text-dark">
                Navigation pages
            </li>

            <li class="sidebar-item">
                <a class="sidebar-link text-dark bg-white" href="orders.php">
                    <i class="align-middle text-dark" data-feather="package"></i> <span class="align-middle">Orders</span>
                </a>
            </li>

            <li class="sidebar-item">
                <a class="sidebar-link text-dark bg-white" href="sub-categories.php">
                    <i class="align-middle text-dark" data-feather="edit-3"></i> <span class="align-middle">Add Sub-categories</span>
                </a>
            </li>

            <li class="sidebar-item">
                <a class="sidebar-link text-dark bg-white" href="show-sub-categories.php">
                    <i class="align-middle text-dark" data-feather="eye"></i> <span class="align-middle">All Sub-categories</span>
                </a>
            </li>
        </ul>
    </div>
</nav>