<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 ----------> <div id="footer"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div class="foot-header"> Buy Property in India </div> <div class="foot-links"> <a href="#">Buy Properties in Mumbai</a> <a href="#">Buy Properties in Bangalore</a> <a href="#">Buy Properties in Pune</a> <a href="#">Buy Properties in Chennai</a> <a href="#">Buy Properties in Kolkata</a> <a href="#">Buy Properties in Delhi</a> <a href="#">Buy Properties in Gurgaon</a> <a href="#">Buy Properties in Greater Noida</a> <a href="#">Buy Properties in Noida</a> </div> </div> <div class="col-sm-3"> <div class="foot-header"> Rent Property in India </div> <div class="foot-links"> <a href="#">Rent Properties in Mumbai</a> <a href="#">Rent Properties in Bangalore</a> <a href="#">Rent Properties in Pune</a> <a href="#">Rent Properties in Chennai</a> <a href="#">Rent Properties in Kolkata</a> <a href="#">Rent Properties in Delhi</a> <a href="#">Rent Properties in Gurgaon</a> <a href="#">Rent Properties in Greater Noida</a> <a href="#">Rent Properties in Noida</a> </div> </div> <div class="col-sm-3"> <div class="foot-header"> Real Estate India </div> <div class="foot-links"> <a href="#">Mumbai Real Estate</a> <a href="#">Bangalore Real Estate</a> <a href="#">Pune Real Estate</a> <a href="#">Chennai Real Estate</a> <a href="#">Kolkata Real Estate</a> <a href="#">Delhi Real Estate</a> <a href="#">Gurgaon Real Estate</a> <a href="#">Greater Noida Real Estate</a> <a href="#">Noida Real Estate</a> </div> </div> <div class="col-sm-3"> <div class="foot-header"> PropertiesGuru.com </div> <div class="foot-address"> <p> 617, West End Mall, Janakpuri,<br> New Delhi - 110059, INDIA<br> Phone (India) : +91 9312 690 490<br> 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> <a href="mailto:support@propertiesguru.com?Subject=Hello" target="_top">support@propertiesguru.com</a></p> </div> </div> </div> <br> <div class="row"> <div id="bottom-footer"> <div class="row"> <div class="col-md-8"> <strong>Quick Links: </strong> <a href="#"> List your property</a> <a href="#"> Properties for Sale</a> <a href="#"> Properties for Rent</a> <a href="#"> Home Loan</a> <a href="#"> Customer Care</a> </div> </div> </div> </div> <div class="row" id="final-footer"> <div class="col-sm-12 text-center"> All Rights Reserved. © Copyright 2017<br> PropertiesGuru.com </div> </div> </div> </div> </div>

.foot-header{ font-family: OpenSansBold, Arial, sans-serif; font-size: 13px; color: #111; padding-top: 15px; padding-bottom: 10px; font-weight:bold; ; } .foot-links a, .foot-links p{ display: block; color: rgb(63, 63, 63); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; text-decoration: none; font-family: OpenSansRegular, Arial, sans-serif; font-size: 12px; color: rgb(63, 63, 63); padding-bottom: 2px; } .foot-address{ font-size: 12px; padding-bottom: 10px; font-weight:bold; } .foot-address a { color: #c82021; padding-bottom: 10px; font-weight:bold; } .foot-address i{ color:#fff; } #bottom-footer{ margin-bottom: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 15px; padding-bottom: 15px; } #bottom-footer a{ text-decoration: none; color: #626262; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-size: 12px; padding: 0px 0px; border-right: 1px solid #ccc; font-family: 'OpenSansRegular', Arial, sans-serif; font-size: 13px; color: #626262; padding: 0 15px; } #final-footer{ font-size: 11px; color: #666; } #final-footer i{ font-size: auto; }