"2. Sidebar Page Design"
Bootstrap 3.3.0 Snippet by jeevan123456

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
<!------ Include the above in your HEAD tag ---------->
<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">
<a href="payments.html" class="list-group-item">My Payments <span class="label label-warning">Pending</span></a>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
body {background:#f2f2f2;}
.site-title {margin-top: 80px;margin-bottom: 20px; font-weight: 300;}
.panel {
-moz-box-shadow: 0 2px 6px rgba(0,0,0,.08);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.08);
box-shadow: 0 2px 6px rgba(0,0,0,.08);
background-color: #fff;
margin-bottom: 10px;
}
/*--------------------------------------
Sets the actionable area for the gaadiexp
including a label for usability
--------------------------------------*/
.content-box {margin-top:20px;}
.gaadiexp,
.gaadiexp:after,
.gaadiexp *,
.gaadiexp *:before,
.gaadiexp *:after,
.header-nav *,
.header-nav *:before,
.header-nav *:after {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gaadiexp {
cursor: pointer;
height: 60px;
margin-bottom: 0;
width: 60px;
z-index: 9001;
left: 0;
overflow: hidden;
position: fixed;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Gaia Bootstrap Template Pro
Simple & Clean 404 Error Page Design
Bootstrap 4 Footer Design
Bootstrap Dual Design Registration Form

Questions / Comments: