Bootstrap Snippet Final Footer using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Final Footer"
Bootstrap 3.3.0 Snippet by tarun90

Related: See More

Questions / Comments:

"Final Footer" Bootstrap 3.3.0 Snippet by tarun90

Related: See More

Questions / Comments:

"Final Footer"
Bootstrap 3.3.0 Snippet by tarun90