"gaadi-footer"
Bootstrap 3.0.0 Snippet by jeevan123456

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <footer> <div class="container"> <div class="row tb-padding"> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <div class="logo"><img src="images/logo(2).png"/></div> <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 class="icon"> <a href=""><i class="fa fa-facebook-official" aria-hidden="true"></i></a> <a href=""><i class="fa fa-twitter-square" aria-hidden="true"></i></a> <a href=""><i class="fa fa-rss-square" aria-hidden="true"></i></a> <a href=""><i class="fa fa-linkedin-square" aria-hidden="true"></i></a> <a href=""><i class="fa fa-google-plus-official" aria-hidden="true"></i></a> <a href=""><i class="fa fa-instagram" aria-hidden="true"></i></a> </div> </div> <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <ul> <li><a href=""> About us</a></li> <li><a href=""> Customer Care</a></li> <li><a href=""> Feedback</a></li> <li><a href=""> Experts Tips</a></li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <ul> <li><a href=""> Advertise with Us</a></li> <li><a href=""> FAQ's</a></li> <li><a href=""> Privacy Policy</a></li> <li><a href=""> Terms & Conditions</a></li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <ul> <li><a href=""> Buying a used car</a></li> <li><a href=""> Selling a car</a></li> <li><a href=""> Car Accessories</a></li> <li><a href=""> Contact us</a></li> </ul> </div> </div> </div> </div> </div> <div class="top-border"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <ul><li>Copyright 2017 by ModelTheme. All Rights Reserved.</li></ul> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 text-right"> <ul> <li><a href="">Terms</a></li> <li><a href="">Privacy</a></li> <li><a href="">Policy</a></li> <li><a href=""></a></li> </ul> </div> </div> </div> </div> </footer>
footer{background-color:#f1f5fa;} footer .tb-padding{padding:50px 0px;} footer .logo{padding:0px 0px 20px; border-bottom:1px solid #c2c2c2;} footer .icon{ font-size:30px; text-align:center; } footer a{ color:#000000; } footer ul{list-style:none; margin:0px; padding:0px;} footer ul li{padding:10px 0px; border-bottom:1px solid #c2c2c2;} footer ul li:before { content: "\00BB"; } footer a:hover{text-decoration:none; color:#ff0000;} footer .top-border{border-top:1px solid #c2c2c2;} footer .top-border ul li:before{content: " ";} footer .top-border ul li{border:none; display:inline-block;} footer .top-border ul li a{padding:0px 10px;}

Related: See More


Questions / Comments: