<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<div class="d-flex">
<div style="width:250px;min-height:100vh;background:#212529" class="p-3 text-white">
    <h4 class="text-center">ADMIN</h4>
    <hr>
   <ul class="nav flex-column">
    <li class="nav-item">
        <a class="nav-link text-white" href="dashboard.php">
            <i class="fa fa-home me-2"></i> Manage Dashboard
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link text-white" href="admin-categories.php">
            <i class="fa fa-list me-2"></i> Manage Categories
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link text-white" href="admin-brands.php">
            <i class="fa fa-copyright me-2"></i> Manage Brands
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link text-white" href="admin-detection.php">
            <i class="fa fa-satellite-dish me-2"></i> Manage Detection 
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link text-white" href="admin-tags.php">
            <i class="fa fa-tags me-2"></i> Manage Tags
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link text-white" href="admin-products.php">
            <i class="fa fa-box me-2"></i> Manage Products
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link text-white" href="admin-sliders.php">
            <i class="fa fa-images me-2"></i> Manage Sliders
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link text-white" href="admin-site-settings.php">
            <i class="fa fa-cog me-2"></i> Manage Site Settings
        </a>
    </li>
</ul>

</div>
<div class="flex-fill p-4">
