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 ----------> <div id="footer"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div class="foot-header"> BUY PROPERTY 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><!--/col-sm-3--> <div class="col-sm-3"> <div class="foot-header"> RENT PROPERTY 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 </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><!--/col-sm-3--> <div class="col-sm-3"> <!--<img src="http://pg.gaarsam.com//pgimg/pg-logo.png">--> <img src="https://s7.postimg.org/bcu3mhz6j/transparent.png"> <br><br> <i class="fa fa-map-pin" aria-hidden="true"></i> <p></p><strong style="font-size:13px;">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> </strong> </div> </div><!--/row--> <div class="row"> <!--<center><img src=""></center>--> <br> <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><!--/row 2--> <div class="row" id="final-footer"> <div class="col-sm-12 text-center"> All Rights Reserved. © Copyright 2017<br> PropertiesGuru.com </div> </div> </div><!--/container--> </div><!--/footer--></div>
.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; text-shadow: rgb(255, 255, 255) 1px 1px 0px; } .foot-links img{ padding-top: 5px; } #footer{ background: #fff; border-top: 1px solid rgb(222, 222, 222); margin-top: -2px; padding-top: 20px; padding-bottom: 30px; } .foot-header{ font-family: OpenSansBold, Arial, sans-serif; font-size: 13px; color: #111; font-style:bold; padding-bottom: 10px; font-weight:bold; text-shadow: rgb(255, 255, 255) 1px 1px 0px; } #footer .container{ max-width: 1100px; } #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 15px; border-right: 1px solid #ccc; font-family: 'OpenSansRegular', Arial, sans-serif; font-size: 13px; color: #626262; padding: 0 12px; text-shadow: 1px 1px 0 rgba(255,255,255,1); } #bottom-footer .phone img{ margin-right: 7px; } #bottom-footer .phone .red{ font-size: 22px; margin-top: -7px; font-family: 'OpenSansRegular', Arial, sans-serif; font-size: 18px!important; color: #d10029!important; position: relative; top: -5px; text-shadow: 1px 1px 0 rgba(255,255,255,1)!important; } #bottom-footer .phone .red small{ font-family: 'OpenSansRegular', Arial, sans-serif; font-size: 12px!important; display: block; color: #626262!important; text-shadow: 1px 1px 0 rgba(255,255,255,1)!important; margin-top: -5px; } #final-footer{ font-size: 11px; color: #666; } #final-footer i{ font-size: auto; }

Related: See More

Questions / Comments: