<div class="col-auto p-0 sidebar left shadow-sm toggleCustomer">
<a href="#" class="button-left user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Collapse"><i class="icon-collapse-arrow"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i></a>
<ul class="left-sidebar customerList endCust">
<li class="d-none">
<a class="collapsed" href="#"><i class="icon-left-panel"></i></a>
</li>
<li class="item">
<a class="collapsed active" href="#" data-list-item="home"><i class="icon-home"></i> <span class="nav-label">Home</span></a>
</li>
<li class="item">
<a class="collapsed " href="#" data-toggle="collapse" data-list-item="my-purchases">
<i class="icon-full-cart"></i>
<span class="nav-label">My Purchases</span>
</a>
</li>
<li class="item">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="pending-requests">
<i class="icon-threedot-circle"></i>
<span class="nav-label">My Pending Request</span>
</a>
</li>
<li class="item">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="my-account">
<i class="icon-user"></i>
<span class="nav-label">My Account</span>
</a>
</li>
<li class="item">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="my-invoices">
<i class="icon-accepted"></i>
<span class="nav-label">My Invoices</span>
</a>
</li>
<li class="item">
<a class="collapsed" href="#" data-toggle="collapse" data-list-item="user-management">
<i class="icon-customers1"></i>
<span class="nav-label">User Management </span>
</a>
</li>
</ul>
</div>