" #febf00 #031f9a Listing Page with search result and filter box"
Bootstrap 3.3.0 Snippet by jeevan123456

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">
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<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:50px;" href="auction.gaadiexpert.com"></a>
<img class="img-responsive" src="http://auction.gaadiexpert.com/public/images/logo1.png" style="margin-top:17px; width:180px;">
<div class="menu">
<div class="list-group-hover sidebar-widget-1">
<ul class="list-unstyled">
<li><a href="dashboard.html" class="list-group-item bg-active"><i class="fa fa-tachometer"></i> Dashboard <span class="badge">12</span> </a></li>
<li><a href="my-profile.html" class="list-group-item"><i class="fa fa-user"></i> My Profile</a> </li>
<li><a href="my-listings.html" class="list-group-item"><i class="fa fa-list"></i> My Listings</a> </li>
<li><a href="my-enquiry.html" class="list-group-item"><i class="fa fa-envelope"></i> My Enquiry</a> </li>
<li><a href="add-business.html" class="list-group-item"><i class="fa fa-plus-square"></i> Add Business</a> </li>
<li><a href="login.html" class="list-group-item"><i class="fa fa-key"></i> Login</a> </li>
<li><a href="signup.html" class="list-group-item"><i class="fa fa-user-plus"></i> Signup</a> </li>
<li><a href="account-settings.html" class="list-group-item"><i class="fa fa-wrench"></i> Account Settings</a> </li>
<li><a href="change-password.html" class="list-group-item"><i class="fa fa-lock"></i> Change Password</a> </li>
<li><a href="listings-page.html" class="list-group-item"><i class="fa fa-angle-double-right"></i> Listings Page</a> </li>
<li><a href="product-page.html" class="list-group-item"><i class="fa fa-angle-double-right"></i> Product Page</a> </li>
<li><a href="logout.html" class="list-group-item"><i class="fa fa-power-off"></i> Log Out</a> </li>
</ul>
</div>
</div>
</div>
</nav>
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
/*************************************
SECTION CSS
**************************************/
/******** 1. SIDEBAR-WIDGET-1 CSS **************************************/
.sidebar-widget-1 .list-group-item {padding:10px; }
.list-group-hover .list-group-item:hover {
background-color: #febf00 ;color:#fff;transition: all 0.5s ease-out;}
.sidebar-widget-1 i {color:#696969 ; margin-right:10px;font-size:18px;font-weight:600;}
.list-group-item.bg-active {background:#febf00 ;color:#fff; }
/******** 2. BREADCRUMB CSS **************************************/
.breadcrumb-box {padding:2px;}
.breadcrub-box:hover a {color:#031f9a; font-weight:600;}
/******** 3. Search-result-title CSS **************************************/
.search-result-title {padding-top:15px;}
/****************** Crane Listing View Classes ***********/
.crane-grid-listing {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); margin-bottom:15px; line-height:24px;}
.crane-grid-listing:hover {background:#031f9a ;}
.crane-grid-listing:hover {
color: #ffffff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.crane-grid-listing :hover a {
color: #cccccc;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.crane-image-block {padding:0px;margin:0px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: