<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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<nav class="navbar navbar-inverse 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="http://gaadiexpert.com/">Gaadiexpert.com</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="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li><a href="#">Portfolio</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Login <b class="caret"></b></a>
<ul id="login-dp" class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-12">
Auction Portal Login
<form class="form" role="form" method="post" action="login" accept-charset="UTF-8" id="login-nav">
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Email address" required>
</div>
<div class="form-group">
<label class="sr-only" for="exampleInputPassword2">Password</label>
<input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password" required>
<div class="help-block text-right"><a href="">Reset password ?</a></div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
</div>
</form>
</div>
<div class="bottom text-center">
New here ? <a href="#"><b>Join</b></a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-collapse -->
</nav>
<!-- Slider Banner Starts here -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://www.skoda-auto.co.in/models/new-skoda-rapid/PublishingImages/Overview/Top/overview-top_New2.jpg" alt="Chania" width="100%" height="100%">
<div class="carousel-caption">
<h3>Chania</h3>
<p>The atmosphere in Chania has a touch of Florence and Venice.</p>
</div>
</div>
<div class="item">
<img src="http://www.skoda-auto.co.in/models/new-skoda-rapid/PublishingImages/Overview/Top/overview-top_New2.jpg" alt="Chania" width="100%" height="100%">
<div class="carousel-caption">
<h3>Chania</h3>
<p>The atmosphere in Chania has a touch of Florence and Venice.</p>
</div>
</div>
<div class="item">
<img src="http://www.skoda-auto.co.in/models/new-skoda-rapid/PublishingImages/Overview/Top/overview-top_New2.jpg" alt="Chania" width="100%" height="100%">
<div class="carousel-caption">
<h3>Chania</h3>
<p>The atmosphere in Chania has a touch of Florence and Venice.</p>
</div>
</div>
<div class="item">
<img src="http://www.skoda-auto.co.in/models/new-skoda-rapid/PublishingImages/Overview/Top/overview-top_New2.jpg" alt="Chania" width="100%" height="100%">
<div class="carousel-caption">
<h3>Chania</h3>
<p>The atmosphere in Chania has a touch of Florence and Venice.</p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container">
<div class="row">
<div class="row">
<div class="col-md-9">
<h3>
Auction Ends Today</h3>
</div>
<div class="col-md-3">
<!-- Controls -->
<div class="controls pull-right hidden-xs">
<a class="left fa fa-chevron-left btn btn-success" href="#carousel-example"
data-slide="prev"></a><a class="right fa fa-chevron-right btn btn-success" href="#carousel-example"
data-slide="next"></a>
</div>
</div>
</div>
<div id="carousel-example" class="carousel slide hidden-xs" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-sm-3">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-3">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-3">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-3">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-sm-3">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-3">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-3">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-3">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row">
<div class="col-md-9">
<h3>
Reauction</h3>
</div>
<div class="col-md-3">
<!-- Controls -->
<div class="controls pull-right hidden-xs">
<a class="left fa fa-chevron-left btn btn-primary" href="#carousel-example-generic"
data-slide="prev"></a><a class="right fa fa-chevron-right btn btn-primary" href="#carousel-example-generic"
data-slide="next"></a>
</div>
</div>
</div>
<div id="carousel-example-generic" class="carousel slide hidden-xs" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-sm-4">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-4">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-4">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-sm-4">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-4">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
<div class="col-sm-4">
<span class="thumbnail text-center">
<img src="http://placehold.it/350x280" alt="...">
<h4 class="text-danger">Toyota Fortuner</h4>
<div class="ratings">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star-empty"></span>
</div>
<p>Uttar Pradesh (North Zone)</p>
<p>Registration No : GAADIEXPERT.COM</p>
<p>Auction End in 5 days</p>
<hr class="line">
<div class="row">
<div class="col-md-6 col-sm-6">
<button type="button" class="btn btn-link">Add to Wishlist</button>
</div>
<div class="col-md-6 col-sm-6">
<button class="btn btn-danger right" > BID NOW</button>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="site-footer">
<div class="site-footer-top">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 footer_widget widget widget_newsletter">
<h4 class="widgettitle">Sign up for our newsletter</h4>
<form>
<input class="form-control" placeholder="Name" type="text">
<input class="form-control" placeholder="Email" type="email">
<input class="btn btn-danger btn-sm" value="Sign up now" type="submit">
</form>
</div>
<div class="col-md-2 col-sm-6 footer_widget widget widget_custom_menu widget_links">
<h4 class="widgettitle">Quick Links</h4>
<ul>
<li><a href="blog.html"><i class="fa fa-angle-right"></i> About gaadiexpert</a></li>
<li><a href="blog-masonry.html"><i class="fa fa-angle-right"></i> Faq's</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i> Features</a></li>
<li><a href="about-html"><i class="fa fa-angle-right"></i> Registration</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-6 footer_widget widget widget_custom_menu widget_links">
<h4 class="widgettitle">Help & Support</h4>
<ul>
<li><a href="results-list.html"><i class="fa fa-angle-right"></i> Saved Searches</a></li>
<li><a href="joinus.html"><i class="fa fa-angle-right"></i> Wishlist</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i> Vehicle Finder</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i> Vehicle Alerts</a></li>
</ul>
</div>
<div class="col-md-5 col-sm-6 footer_widget widget text_widget">
<h4 class="widgettitle">Auction.Gaadiexpert</h4>
<p>Gaadiexpert.com is a leader in Indian automotive, glamorous and attractive world of cars. It is one of the best source for the latest automotive news and Read more....</p>
</div>
</div>
</div>
</div>
<div class="site-footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 copyrights-left">
<p>© 2014 gaadiexpert. All Rights Reserved</p>
</div>
<div class="col-md-6 col-sm-6 copyrights-right">
<ul class="social-icons social-icons-colored pull-right">
<li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="linkedin"><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li class="youtube"><a href="#"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
/* ==================================================
6. Slider Green Icon
================================================== */
@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
/* ==================================================
6. basics
================================================== */
body {
background: #F0F0F0;
}
/* ==================================================
6. footer
================================================== */
.site-footer{
background:#2f2f2f;
color:#999;
}
.site-footer .form-control{
background: rgba(255,255,255,.8);
border:none;
}
.site-footer .form-control:focus, .site-footer .form-control:active{
background: rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.05);
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.site-footer a{
color:#999;
}
.site-footer a:hover{
color:#fff;
}
.site-footer-top{
padding:50px 0;
}
.footer_widget .widgettitle{
font-weight:400;
margin-bottom:25px;
border-bottom:1px solid rgba(255,255,255,.05);
padding-bottom:25px;
color:#eee
}
.site-footer-bottom{
background:#252525;
padding:20px 0 0px;
border-top:1px solid rgba(255,255,255,.05);
font-size:12px;
}
.footer_widget.widget a{
color:#999;
}
.form-control{
margin-bottom:10px!important;
}
/* ==================================================
6. Social Icons
================================================== */
.social-icons{
margin-top:20px;
}
.social-icons > li > a{
width:auto;
background:none;
margin-left:8px;
}
.social-icons > li > a:hover{
background:none!important;
}
.site-footer .social-icons{
float:none!important;
text-align:left;
}
.social-icons, .social-icons-colored{
margin:0;
list-style-type:none;
}
.social-icons li, .social-icons-colored li{
display:inline-block;
margin-right:5px;
}
.social-icons li:last-child, .social-icons-colored li:last-child{
margin-right:0;
}
.social-icons li a{
width:33px;
height:33px;
line-height:30px;
border:2px solid #222;
text-align:center;
color:#222;
display:block;
}
.social-icons li a:hover{
background:#222;
color:#fff;
}
.social-icons-colored li a{
width:28px;
height:28px;
text-align:center;
line-height:28px;
color:#ccc;
display:block;
text-decoration:none;
border:none;
border:0;
background:rgba(255,255,255,.05);
}
.social-icons-colored li a:hover{
color:#fff;
}
.social-icons-colored li.facebook a:hover{
background:#3B5998;
}
.social-icons-colored li.twitter a:hover{
background:#00ACED;
}
.social-icons-colored li.behance a:hover{
background:#1769FF;
}
.social-icons-colored li.delicious a:hover{
background:#3274D1;
}
.social-icons-colored li.deviantart a:hover{
background:#4B5D50;
}
.social-icons-colored li.digg a:hover{
background:#14589E;
}
.social-icons-colored li.dribbble a:hover{
background:#EA4C89;
}
.social-icons li.foursquare a:hover{
background:#2398C9;
}
.social-icons-colored li.github a:hover{
background:#4183C4;
}
.social-icons-colored li.google a:hover{
background:#245DC1;
}
.social-icons-colored li.googleplus a:hover{
background:#D14836;
}
.social-icons-colored li.instagram a:hover{
background:#3F729B;
}
.social-icons-colored li.jsfiddle a:hover{
background:#4679A4;
}
.social-icons-colored li.linkedin a:hover{
background:#007FB1;
}
.social-icons-colored li.pinterest a:hover{
background:#CB2027;
}
.social-icons-colored li.reddit a:hover{
background:#FF4500;
}
.social-icons-colored li.skype a:hover{
background:#00AFF0;
}
.social-icons-colored li.tumblr a:hover{
background:#2C4762;
}
.social-icons-colored li.vimeo a:hover{
background:#44BBFF;
}
.social-icons-colored li.youtube a:hover{
background:#CD332D;
}
.social-icons-colored li.flickr a:hover{
background:#0063DB;
}
.social-icons-colored li a{
-webkit-border-radius:3px;
border-radius:3px;
}
.social-icons-colored li a:hover{
opacity:.8;
color:#fff;
}
.btn-social{
color:#fff!important;
text-align:left!important;
}
.btn-social:hover{
opacity:.9
}
.social-icons-colored.inversed a{
color:#fff;
}
.social-icons-colored.rounded a{
border-radius:100%;
}
.social-icons-colored.inversed li.facebook a, .btn-facebook{
background:#3B5998!important;
}
.social-icons-colored.inversed li.twitter a, .btn-twitter{
background:#00ACED!important;
}
.social-icons-colored.inversed li.behance a{
background:#1769FF;
}
.social-icons-colored.inversed li.delicious a{
background:#3274D1;
}
.social-icons-colored.inversed li.deviantart a{
background:#4B5D50;
}
.social-icons-colored.inversed li.digg a{
background:#14589E;
}
.social-icons-colored.inversed li.dribbble a{
background:#EA4C89;
}
.social-icons-colored.inversed li.foursquare a{
background:#2398C9;
}
.social-icons-colored.inversed li.github a{
background:#4183C4;
}
.social-icons-colored.inversed li.google a{
background:#245DC1;
}
.social-icons-colored.inversed li.googleplus a{
background:#D14836;
}
.social-icons-colored.inversed li.instagram a{
background:#3F729B;
}
.social-icons-colored.inversed li.jsfiddle a{
background:#4679A4;
}
.social-icons-colored.inversed li.linkedin a{
background:#007FB1;
}
.social-icons-colored.inversed li.pinterest a{
background:#CB2027;
}
.social-icons-colored.inversed li.reddit a{
background:#FF4500;
}
.social-icons-colored.inversed li.skype a{
background:#00AFF0;
}
.social-icons-colored.inversed li.tumblr a{
background:#2C4762;
}
.social-icons-colored.inversed li.vimeo a{
background:#44BBFF;
}
.social-icons-colored.inversed li.youtube a{
background:#CD332D;
}
.social-icons-colored.inversed li.flickr a{
background:#0063DB;
}
/***************************
1. Navigation
***************************/
.caret-up {
width: 0;
height: 0;
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-bottom: 4px solid;
display: inline-block;
margin-left: 2px;
vertical-align: middle;
}
/***************************
2. Navigation
***************************/
a.list-group-item {
height:auto;
min-height:220px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
a.list-group-item.active small {
color:#fff;
}
.stars {
margin:20px auto 1px;
}
/* ==================================================
6. top login
================================================== */
#login-dp{
min-width: 250px;
padding: 14px 14px 0;
overflow:hidden;
background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
font-size:12px
}
#login-dp .bottom{
background-color:rgba(255,255,255,.8);
border-top:1px solid #ddd;
clear:both;
padding:14px;
}
#login-dp .social-buttons{
margin:12px 0
}
#login-dp .social-buttons a{
width: 49%;
}
#login-dp .form-group {
margin-bottom: 10px;
}
.btn-fb{
color: #fff;
background-color:#3b5998;
}
.btn-fb:hover{
color: #fff;
background-color:#496ebc
}
.btn-tw{
color: #fff;
background-color:#55acee;
}
.btn-tw:hover{
color: #fff;
background-color:#59b5fa;
}
.bg-primary {
background-color: #f05f40;
color: #fff;
}
.section {
padding: 100px 0;
}
.full {
width: 100%;
}
.gap {
height: 30px;
width: 100%;
clear: both;
display: block;
}
.space-10 {
height: 10px;
clear: both;
width: 100%;
}
.space-20 {
height: 20px;
clear: both;
width: 100%;
}
$(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");
});
});
