Bootstrap Snippet 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.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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                 <ul class="clear">
                    <li><a target="_self" href="" data-i18n="media" module-id="common">Media</a></li>
                    <li><a target="_self" href="" data-i18n="careers" module-id="common">Careers</a></li>
                    <li><a target="_self" href="" data-i18n="about_airtel" module-id="common">About Airtel</a></li>
                    <li><a target="_self" href="" data-i18n="brand" module-id="common">Brand</a></li>
                    <li><a target="_self" href="">Press Release</a></li>
                    <li><a target="_self" href="">Investor Support</a></li>
                    <li><a target="_blank" href="">All Plans</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul class="clear">
                    <li><a target="_self" href="" data-i18n="media" module-id="common">Media</a></li>
                    <li><a target="_self" href="" data-i18n="careers" module-id="common">Careers</a></li>
                    <li><a target="_self" href="" data-i18n="about_airtel" module-id="common">About Airtel</a></li>
                    <li><a target="_self" href="" data-i18n="brand" module-id="common">Brand</a></li>
                    <li><a target="_self" href="">Press Release</a></li>
                    <li><a target="_self" href="">Investor Support</a></li>
                    <li><a target="_blank" href="">All Plans</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul class="clear">
                    <li><a target="_self" href="" data-i18n="media" module-id="common">Media</a></li>
                    <li><a target="_self" href="" data-i18n="careers" module-id="common">Careers</a></li>
                    <li><a target="_self" href="" data-i18n="about_airtel" module-id="common">About Airtel</a></li>
                    <li><a target="_self" href="" data-i18n="brand" module-id="common">Brand</a></li>
                    <li><a target="_self" href="">Press Release</a></li>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
.footer{ width:100%; background:#e40001; color:#fff; padding:20px 0px;}
.footer ul{ list-style:none; padding:0; margin:0;}
.footer ul li{}
.footer ul li a{ font-size:20px; color:#FFF;}
.footer p{ font-size:20px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"footer"
Bootstrap 4.0.0 Snippet by sahildesigner

Related: See More

Questions / Comments:

"footer" Bootstrap 4.0.0 Snippet by sahildesigner

Related: See More

Questions / Comments:

"footer"
Bootstrap 4.0.0 Snippet by sahildesigner