<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<input type="checkbox" name="mobile-nav" id="mobile-nav" class="gaadiexp-check" onchange="this.blur()">
<label for="mobile-nav" class="gaadiexp white" tabindex="0"><span></span></label>
<nav role="navigation" class="header-nav">
<div class="fixed-nav">
<div class="menu">
<ul>
<li class="page_item page-item-2">
<a href="dashboard.html" class="list-group-item">My Dashboard</a>
</li>
<li class="page_item page-item-2">
<a href="profile.html" class="list-group-item ">My Profile</a>
</li>
<li class="page_item page-item-2">
<a href="wishlist.html" class="list-group-item">My Wishlist <span class="badge">10</span></a>
</li>
<li class="page_item page-item-2">
<a href="interest.html" class="list-group-item">My Interests <span class="badge">12</span></a>
</li>
<li class="page_item page-item-2">
<a href="bids.html" class="list-group-item">My Current Bids</a>
</li>
<li class="page_item page-item-2">
<a href="liftings.html" class="list-group-item">My Liftings <span class="badge">2</span></a>
</li>
<li class="page_item page-item-2">
<a href="documents.html" class="list-group-item">My Documents <span class="label label-warning">Pending</span> </a>
</li>
<li class="page_item page-item-2">
<a href="bid-history.html" class="list-group-item">Bidding History</a>
</li>
<li class="page_item page-item-2">
