<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.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 class="footer grey"> <!-- Links --> <div class="section-seperate"> <div class="container padding-t-b"> <div class="row"> <div class="col-sm-2 sm-margin-b-30"> <!-- List --> <ul class="list-unstyled footer-list"> <li class="footer-list-item"><a href="#">Home</a></li> <li class="footer-list-item"><a href="#">About</a></li> <li class="footer-list-item"><a href="#">Work</a></li> <li class="footer-list-item"><a href="#">Contact</a></li> </ul> <!-- End List --> </div> <div class="col-sm-2 sm-margin-b-30"> <!-- List --> <ul class="list-unstyled footer-list"> <li class="footer-list-item"><a href="#">Twitter</a></li> <li class="footer-list-item"><a href="#">Facebook</a></li> <li class="footer-list-item"><a href="#">Instagram</a></li> <li class="footer-list-item"><a href="#">YouTube</a></li> </ul> <!-- End List --> </div> <div class="col-sm-3"> <!-- List --> <ul class="list-unstyled footer-list"> <li class="footer-list-item"><a href="#">Subscribe to Our Newsletter</a></li> <li class="footer-list-item"><a href="#">Privacy Policy</a></li> <li class="footer-list-item"><a href="#">Terms & Conditions</a></li> </ul> <!-- End List --> </div> </div> <!--// end row --> </div> </div> <!-- End Links --> <!-- Copyright --> <div class="padding-t-b40 container"> <div class="row"> <div class="col-xs-6"> <img class="footer-logo" src="img/logo-bigpixi.png" alt="Bigpixi Logo"> </div> <div class="col-xs-6 text-right"> <p class="margin-b-0"><a class="fweight-700" href="http://bigpixi.com/">Bigpixi</a> Theme Powered by: <a class="fweight-700" href="http://www.bigpixi.com/">bigpixi.com</a></p> </div> </div> <!--// end row --> </div> <!-- End Copyright --> </footer>

.grey { background-color:#eee; } .section-seperate { border-bottom: 1px solid #777984; } .padding-t-b { padding-top: 80px; padding-bottom: 80px; } .padding-t-b40 { padding-top: 40px; padding-bottom: 40px; } .margin-b-30 { margin-bottom:30px!important } li, li a { font-size: 16px; font-weight: 500; color: #515769; } element { } .footer .footer-list-item { color: #777984; margin-bottom: 15px; }