Bootstrap Snippet 1.c Admin Page using HTML CSS Bootstrap Javascript

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 ---------->
<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">
    <a class="navbar-brand " style="margin-left:60px" href="#">Title</a>
        <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>
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:#e8edfc;}
.panel {border-radius:0px;}
a:hover {text-decoration:none;color:#f7a01d;}
/************ Margin ************/
.margin-t-20 {margin-top:20px;}
.margin-t-30 {margin-top:30px;}
.margin-t-40 {margin-top:40px;}
.margin-t-50 {margin-top:50px;}
.margin-t-60 {margin-top:60px;}
.margin-t-70 {margin-top:70px;}
.margin-t-80 {margin-top:80px;}
.margin-t-90 {margin-top:90px;}
.margin-b-0{margin-bottom: 0px!important;}
/************** Background ***************/
.bg-blue {background:#0e1651;color:#fff!important;}
/************* Icon ***********/
i {padding-right:15px;}
/************** Sidebar ***************/
.card {background:#ffffff;border:1px solid #e2e2e2; shadow:2px 2px 2px #e2e2e2;margin-bottom:20px;}
.card-body {padding:15px;}
/************** NAVIGATION ***************/
/*--------------------------------------
 Sets the actionable area for the gaadiexp
 including a label for usability
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
#f7a01d  (Yellow)
#0e1651  (Blue)
#444444  (heading)
#969696  {subheading}
#e8edfc   {body}
#fffff    {panel}
success button
Primary
Yellow button
 <div class="sidemenu panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title">
                      <a data-toggle="collapse" href="#collapse1">Dashboard</a>
                    </h4>
                  </div>
                     <div id="collapse1" class="panel-collapse collapse in">
                     <div class="list-group">
          <a href="#" class="list-group-item">User</a>
          <a href="#" class="list-group-item">New Listings</a>
        </div> 
       
      </div>
    </div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"1.c Admin Page"
Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"1.c Admin Page" Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"1.c Admin Page"
Bootstrap 3.3.0 Snippet by jeevan123456