Bootstrap Snippet Bootstrap 4 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/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<footer class="footer_area">
            <div class="container">
                <div class="row">               
                    <div class="col-md-3 col-sm-6">
                        <div class="single_ftr">
                            <h4 class="sf_title">Contacts</h4>
                            <ul>
                                <li>4080 Repperts Coaol Road Sackson, MS 00201 USA</li>
                                <li>(+123) 685 78 455 <br> (+064) 336 987 245</li>
                                <li>Contact@yourcompany.com</li>
                            </ul>
                        </div>
                    </div> <!--  End Col -->
                    
                    <div class="col-md-3 col-sm-6">
                        <div class="single_ftr">
                            <h4 class="sf_title">Information</h4>
                            <ul>
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Delivery Information</a></li>
                                <li><a href="#">Privacy Policy</a></li>
                                <li><a href="#">Terms & Conditions</a></li>
                                <li><a href="#">Contact Us</a></li>
                            </ul>
                        </div>
                    </div> <!--  End Col -->
                    
                    <div class="col-md-3 col-sm-6">
                        <div class="single_ftr">
                            <h4 class="sf_title">Services</h4>
                            <ul>
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
ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
}
.footer_area {
    padding:60px 0 20px;
    position: relative;
    color: #fff;
    z-index: 100;
    background: #222;
    word-break: break-all;
    word-wrap: break-word;
}
.single_ftr form{
    margin-top: 8px;
}
.single_ftr p{
    margin-bottom: 10px;
}
.sf_title{
    color: #33d286;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 15px;
}
.ftr_logo {
    float: left;
    padding: 15px 46px 0 0;
}
.ftr_logo a img {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Bootstrap 4 footer"
Bootstrap 4.1.1 Snippet by abhijeetka

Related: See More

Questions / Comments:

"Bootstrap 4 footer" Bootstrap 4.1.1 Snippet by abhijeetka

Related: See More

Questions / Comments:

"Bootstrap 4 footer"
Bootstrap 4.1.1 Snippet by abhijeetka