"footer 7"
Bootstrap 3.3.0 Snippet by tarun90

<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 ----------> <link href="https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet"> <!--footer start from here--> <footer> <div class="container"> <div class="row"> <div class="col-md-3 paddingtop-bottom"> <h6 class="heading7">Real Estate India</h6> <ul class="footer-ul"> <li><a href="#"> Mumbai Real Estate</a></li> <li><a href="#"> Bangalore Real Estate</a></li> <li><a href="#"> Pune Real Estate</a></li> <li><a href="#"> Chennai Real Estate</a></li> <li><a href="#"> Kolkata Real Estate</a></li> <li><a href="#"> Delhi Real Estate</a></li> <li><a href="#"> Gurgaon Real Estate</a></li> <li><a href="#"> Greater Noida Real Estate</a></li> <li><a href="#"> Noida Real Estate</a></li> <li><a href="#"> Faridabad Real Estate</a></li> <li><a href="#"> Agra Real Estate</a></li> <li><a href="#"> Ludhiana Real Estate</a></li> <li><a href="#"> Chandigarh Real Estate</a></li> </ul> </div> <div class="col-md-3 paddingtop-bottom"> <h6 class="heading7">Buy Property in India</h6> <ul class="footer-ul"> <li><a href="#"> Buy Property in Mumbai </a></li> <li><a href="#"> Buy Property in Bangalore</a></li> <li><a href="#"> Buy Property in Pune</a></li> <li><a href="#"> Buy Property in Chennai</a></li> <li><a href="#"> Buy Property in Kolkata</a></li> <li><a href="#"> Buy Property in Delhi</a></li> <li><a href="#"> Buy Property in Gurgaon</a></li> <li><a href="#"> Buy Property in Greater Noida</a></li> <li><a href="#"> Buy Property in Noida</a></li> <li><a href="#"> Buy Property in Faridabad</a></li> <li><a href="#"> Buy Property in Agra</a></li> <li><a href="#"> Buy Property in Ludhiana</a></li> <li><a href="#"> Buy Property in Chandigarh</a></li> </ul> </div> <div class="col-md-3 paddingtop-bottom"> <h6 class="heading7">Rent Property in India</h6> <ul class="footer-ul"> <li><a href="#"> Rent Property in Mumbai </a></li> <li><a href="#"> Rent Property in Bangalore</a></li> <li><a href="#"> Rent Property in Pune</a></li> <li><a href="#"> Rent Property in Chennai</a></li> <li><a href="#"> Rent Property in Kolkata</a></li> <li><a href="#"> Rent Property in Delhi</a></li> <li><a href="#"> Rent Property in Gurgaon</a></li> <li><a href="#"> Rent Property in Greater Noida</a></li> <li><a href="#"> Rent Property in Noida</a></li> <li><a href="#"> Rent Property in Faridabad</a></li> <li><a href="#"> Rent Property in Agra</a></li> <li><a href="#"> Rent Property in Ludhiana</a></li> <li><a href="#"> Rent Property in Chandigarh</a></li> </ul> </div> <div class="col-md-3 paddingtop-bottom"> <h6 class="heading7">PROPERTIESGURU.COM</h6> <div class="address"> <p><i class="fa fa-map-marker fa-10x"></i>  617, West End Mall, Janakpuri,<br>    New Delhi - 110059, INDIA<br> <i class="fa fa-mobile"></i>  Phone (India) : +91 93126 90490<br> <i class="fa fa-envelope-o"></i>  E-mail : <a href="mailto:info@propertiesguru.com?Subject=Hello" target="_top">info@propertiesguru.com</a></p> <p>Need any help? Write to us at:<br> <i class="fa fa-envelope-o"></i>  <a href="mailto:support@propertiesguru.com?Subject=Hello" target="_top">support@propertiesguru.com</a></p><br> <h6 class="heading8">Follow us on</h6> <a title="Like us on Facebook" href="" class="social-icon"> <span class="fa-stack"> <i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-facebook fa-stack-1x"></i> </span> </a> <a title="Follow us on Twitter" href="" class="social-icon"> <span class="fa-stack"> <i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-twitter fa-stack-1x"></i> </span> </a> <a title="Subscribe us on YouTube" href="" class="social-icon"> <span class="fa-stack"> <i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-youtube-play fa-stack-1x"></i> </span> </a> <a title="Follow us on Google Plus" href="" class="social-icon"> <span class="fa-stack"> <i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-google-plus fa-stack-1x"></i> </span> </a> <a title="Connect us on Linkedin" href="" class="social-icon"> <span class="fa-stack"> <i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-linkedin fa-stack-1x"></i> </span> </a> </div> </div> </div> </div> </footer> <!--footer start from here--> <div class="copyright"> <div class="container"> <div class="col-lg-12"> <ul class="bottom_ul"> <li><strong>Quick Links:</strong></li> <li><a href="#">List Your Properties</a></li> <li><a href="#">Properties for Sale</a></li> <li><a href="#">Properties for Rent</a></li> <li><a href="#">Post Requirement</a></li> <li><a href="#">Home Loan</a></li> <li><a href="#">Customer Care</a></li> </ul> </div> <br> <div class="col-sm-12 text-center"> All Rights Reserved. © Copyright 2017<br> <a href="#">PropertiesGuru.com</a> </div> </div> </div>
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300); footer { background:url(http://www.argyle-asia.com/files/editor_files//images/Home/English/building-footer.png)0 100% no-repeat #222c3a;background-size:contain; min-height:350px; font-family: 'Open Sans', sans-serif; } .footerleft { margin-top:50px; padding:0 36px; } .footerleft p { color:#fff; font-size:12px; font-family: 'Open Sans', sans-serif; margin-bottom:15px;} .footerleft p i { width:20px; color:#999;} .paddingtop-bottom { margin-top:10px;} .footer-ul { list-style-type:none; padding-left:1px; margin-left:2px;} .footer-ul li { line-height:20px; font-size:12px;} .footer-ul li a { color:#ccd6da; transition: color 0.2s linear 0s, background 0.2s linear 0s; } .footer-ul i { margin-right:10px;} .footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#fff; } .icon-ul { list-style-type:none; margin:1px; padding:1px;} .icon-ul li { line-height:75px; width:100%; float:left;} .icon { float:left; margin-right:5px;} .copyright { min-height:40px; background-color:#19202a;} .copyright p { text-align:right; color:#FFF; padding:1px 0; margin-bottom:1px;} .heading7 { font-size:13px; font-weight:bold; color:#fff; margin-bottom:10px;} .heading8 { font-size:15px; color:#ccd6da; margin-bottom:10px;} .address p { font-size:12px; font-weight:bold; color:#FFF; line-height:20px;} .address p a { font-size:12px; font-weight:bold; color:#FFF; line-height:20px;} .bottom_ul { list-style-type:none; text-align:center; margin-top:10px; margin-bottom:50px; border-top:1px solid #a0a3a4;} .bottom_ul li { float:left; line-height:40px; color:#fff;} .bottom_ul li:after { content:"|"; color:#668490; margin-right:8px; margin-left:8px;} .bottom_ul li a { color:#668490; font-size:12px;} .bottom_ul li a:hover { color:#ccd6da; font-size:12px;} .fa-stack { color:#ccd6da;} .fa-stack:hover { color:#fff;} .text-center {color:#fff; font-size:12px;} .text-center a {color:#fff; font-size:12px;}

Related: See More


Questions / Comments: