<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 ----------> <footer> <div class="container"> <div class="row"> <div class="col-sm-3"> <h3 class="footer_h3">Useful Links</h3> <ul class="footer_ul"> <li><a href="#">Home</a></li> <li><a href="faq.php">FAQs</a></li> <li><a href="#">About Us</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="#">Sitemap</a></li> <li><a href="#">Terms and Conditions</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <div class="col-sm-3"> <h3 class="footer_h3">Useful Links</h3> <ul class="footer_ul"> <li><a href="#">Space Adventure</a></li> <li><a href="#">Mr. Chicken</a></li> <li><a href="#">3D Soccer</a></li> <li><a href="#">Ramses Treasure</a></li> <li><a href="#">Lucky Christmas</a></li> </ul> </div> <div class="col-sm-3 col-sm-offset-3"> <h3 class="footer_h3 fb">Facebook</h3> </div> </div> </div> <div class="copyright"> <div class="container"> <div class="row"> <p>© Copyright 2018. All rights reserved</p> </div> </div> </div> </footer>

/*-- Footer css --*/ footer{ display: block; background-color:#014c78; min-height:100px; padding:10px 0px; } .footer_h3{ padding: 20px 0px; color: white; font-size: 18px; font-weight: bold; } ul.footer_ul{ list-style-image:url(../img/ul_icon.png); padding:0px; list-style-position: inside; } .footer_ul > li { padding-bottom: 10px; font-size: 15px; } .footer_ul > li >a { color: #fff; text-decoration: none; } .footer_ul > li > a:hover{ color: #ffffff; } .copyright{ color:white; font-size: 12px; margin-bottom: 12px; margin-top: 15px; } .copyright p{ font-size:15px; padding-left: 10px; }