"homepage gaadiexpert"
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 ---------->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Gaadiexpert</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Buy A Car</a></li>
<li><a href="#">Sell a Car</a></li>
<li><a href="#">Find a Dealer</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News & Reviews <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Car News</a></li>
<li><a href="#">Auto Expo 2018</a></li>
<li><a href="#">Car Videos</a></li>
</ul>
</li>
<li class="dropdown">
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:#e2e2e2;}
.area-padding {padding:60px 0px 60px 0px;}
.divider {border:1px solid #dd0000;margin:10px 0px 30px 0px;}
h1 {font-size:42px;font-weight:600;}
h2 {font-size:34px;font-weight:600;}
h3 {font-size:20px;font-weight:600;}
h4 {font-size:18px;font-weight:600;}
h5 {font-size:16px;font-weight:600;}
a {color:#000;}
a:hover {color:#dd0000;}
/*********** Brand List CSS **********/
.brand-list-area {background:#000; padding:20px 0px 20px 0px;}
.brand-list {padding: 0;list-style: none; margin: 0;}
/* **********news ara-CSS ****************/
.news-box {background:#fff;padding: 20px;transition: .5s;margin-bottom: 30px;border: 1px solid #e8e8e8;}
.news-box:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
/* Feature-CSS */
.used-cars-box {background:#fff;text-align: center;padding: 20px;transition: .5s;margin-bottom: 30px;border: 1px solid #e8e8e8;}
.used-cars-box:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
/**************** FOOTER CSS ********************/
/* Footer */
.footer {border-top:2px solid #dd0000;position: relative;background-color: #fff;color: #000;padding: 55px 0 40px;}
.footer h5:after {
content: '';
display: block;
margin: 5px 0 0;
width: 200px;
height: 2px;
background-color: #dd0000;
}
.footer ul {list-style: none;line-height: 2.2em;padding-left:0px;}
/*footer bottom */
.footer-bottom {padding-top: 5px;padding-bottom: 15px;border-top: 1px solid rgba(0,0,0,0.09);background: #fff;}
/* Social Icons */
.social-icons{margin: 0;padding: 0;font-size : 10px;}
.social {margin:7px 7px 7px 0px;color:#b40028;}
#social-fb:hover {color: #3B5998;transition:all .25s;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
$(function(){
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).stop( true, true ).fadeIn("fast");
$(this).toggleClass('open');
$('b', this).toggleClass("caret caret-up");
},
function() {
$('.dropdown-menu', this).stop( true, true ).fadeOut("fast");
$(this).toggleClass('open');
$('b', this).toggleClass("caret caret-up");
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Argon Dashboard PRO

Questions / Comments: