<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> <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-4"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p> <p> when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> </div> </div> </div>

.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;}