<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="http://200.27.156.170/ean_default/img/cocha/footer-bg.png"></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;
}