"footer blog 2 for bootstrap 4"
Bootstrap 4.0.0 Snippet by Juan86

Post to Facebook Tweet this

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/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 ---------->
<!-- footer -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-4">
<div class="footer_dv">
<h4>About us</h4>
<img class="img-responsive" src="http://via.placeholder.com/250x150" alt="about">
<p></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4">
<div class="footer_dv">
<h4>Quick Link</h4>
<div class="line-dash"></div>
<ul>
<li><a class="a-font" href="#">Home</a></li>
<li><a class="a-font" href="#">About</a></li>
<li><a class="a-font" href="#">Fruits</a></li>
<li><a class="a-font" href="#">Sea Food</a></li>
<li><a class="a-font" href="#">Vegetables</a></li>
<li><a class="a-font" href="#">Blog</a></li>
<li><a class="a-font" href="#">Police Privacy</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4">
<div class="footer_dv">
<h4>Fruits</h4>
<div class="line-dash"></div>
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
/*footer*/
.footer {
background: #2b2a2a none repeat scroll 0 0;
border-top: 3px solid #54d400;
margin: 0;
padding: 20px 0;
}
.footer_dv {
width: 100%;
}
.footer_dv h4 {
color: #fff;
font-weight: bold;
margin-bottom: 30px;
text-transform: uppercase;
}
.footer_dv ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer_dv ul li:first-child {
border-top: medium none;
box-shadow: none;
}
.footer_dv ul li {
color: #fff;
padding: 5px 0;
}
.footer_dv p {
color: #fff;
font-size: 14px;
line-height: 20px;
margin: 0 0 15px;
text-align: justify;
}
.a-font {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Kit Angular
Bootstrap 4 Blog Carousel
Bootstrap 4 Footer Design
Footer using Bootstrap 4

Questions / Comments: