Bootstrap Snippet footer 9 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 ---------->
<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>
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
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
footer { background:url(http://www.vactualpapers.com/web/wallpapers/modern-material-design-full-hd-wallpaper-no-742/thumbnail/lg.png)0 100% no-repeat;background-size:cover; 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;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"footer 9"
Bootstrap 3.3.0 Snippet by tarun90

Related: See More

Questions / Comments:

"footer 9" Bootstrap 3.3.0 Snippet by tarun90

Related: See More

Questions / Comments:

"footer 9"
Bootstrap 3.3.0 Snippet by tarun90