<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 ----------> <div class="footer-section"> <div class="container"> <div class="footer-four-columns"> <div class="col-md-3 footer-column"> <h4>About </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> </div> <div class="col-md-3 footer-column"> <h4>Property Types</h4> <ul> <li>Lorem Post With Image Format</li> <li>Example Video Blog Post</li> <li>Example Post With Gallery Post</li> <li>Example Video Blog Post</li> <li>Lorem Post With Image Format</li> <li>Example Video Blog Post</li> </ul> </div> <div class="col-md-3 footer-column"> <h4>Useful links</h4> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="services.html">Services</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="codes.html">Codes</a></li> <li><a href="projects.html">Projects</a></li> </ul> </div> <div class="col-md-3 footer-column"> <h4>Contacts</h4> <ul> <li><i class="glyphicon glyphicon-earphone" aria-hidden="true"></i>1 234 567 890</li> <li><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i><a href="mailto:example@mail.com"> example@mail.com</a></li> <li><i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i>1398 W El Camino Real</li> <li><i class="glyphicon glyphicon-time" aria-hidden="true"></i>Mon-Sat 8:00 am to 8:00 pm</li> </ul> </div> <div class="clearfix"> </div> </div> </div> </div>

.footer-section { background: #9b1d2a; padding: 5em 0; } .footer-column h4 { font-size: 2em; color: #fff; margin-bottom: .5em; } .footer-column p { font-size: .96em; color: #eee; line-height: 1.8em; } .footer-column ul, li, a { font-size: .96em; color: #eee; line-height: 1.8em; }