<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- Sidebar user panel -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="dist/img/avatar2.png" class="img-circle" alt="User Image" />
            </div>
            <div class="pull-left info">


                <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
            </div>
        </div>
        <!-- search form -->
        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
            <li class="header" style="color: #ffffff; font-size: 20px"> NAVIGATION</li>
            <li class="active treeview">
                <a href="dashboard.php">
                    <i class="fa fa-dashboard"></i> <span>Dashboard</span>
                </a>
            </li>
            <li class="">
                <a href="users.php">
                    <i class="fa fa-pie-chart"></i>
                    <span>All Users</span>
                </a>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-pie-chart"></i>
                    <span>Manage Product</span>
                    <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="add-category.php"><i class="fa fa-circle-o"></i>Add Category</a></li>
                    <li><a href="view_category.php"><i class="fa fa-circle-o"></i>View Category</a></li>
                    <li><a href="add-sub-category.php"><i class="fa fa-circle-o"></i>Add Sub Category</a></li>
                    <li><a href="view-sub-category.php"><i class="fa fa-circle-o"></i>View Sub Category</a></li>
                    <li><a href="add_product.php"><i class="fa fa-circle-o"></i>Add Product</a></li>
                    <li><a href="view_product.php"><i class="fa fa-circle-o"></i>View Product</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-pie-chart"></i>
                    <span>Manage Order</span>
                    <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="new_order.php"><i class="fa fa-circle-o"></i>New Orders</a></li>
                    <li><a href="dispatch_order.php"><i class="fa fa-circle-o"></i>Dispatched Orders</a></li>
                    <li><a href="delivered_order.php"><i class="fa fa-circle-o"></i>Delivered Orders</a></li>
                    <li><a href="cancelled-orders.php"><i class="fa fa-circle-o"></i>Cancelled Orders</a></li>
                    <li><a href="refunded-orders.php"><i class="fa fa-circle-o"></i>Refunded Orders</a></li>
                </ul>
            </li>
        </ul>
    </section>
</aside>