"footer-section"
Bootstrap 3.0.0 Snippet by inmedev

<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-section bg-with-black"> <div class="footer-top-section"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="single-fta"> <img src="http://themeinnovation.com/demo2/html/build-up/img/home1/logo2.png" alt=""> <ul class="fta-list"> <li><a href="#"><span class="glyphicon glyphicon-chevron-right"></span> Finacial Planning</a></li> <li><a href="#"><span class="glyphicon glyphicon-chevron-right"></span> Investments Management</a></li> <li><a href="#"><span class="glyphicon glyphicon-chevron-right"></span>Taxes Planning</a></li> </ul> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="single-fta"> <h3 class="fta-title">Important Link</h3> <ul class="fta-list"> <li><a href="#"><i class="fa fa-square"></i>Finacial Planning</a></li> <li><a href="#"><i class="fa fa-square"></i>Investments Management</a></li> <li><a href="#"><i class="fa fa-square"></i>Taxes Planning</a></li> </ul> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="single-fta"> <h3 class="fta-title">Important Link</h3> <ul class="fta-list"> <li><a href="#"><i class="fa fa-square"></i>Finacial Planning</a></li> <li><a href="#"><i class="fa fa-square"></i>Investments Management</a></li> <li><a href="#"><i class="fa fa-square"></i>Taxes Planning</a></li> </ul> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="single-fta"> <h3 class="fta-title">Contact Us</h3> <ul class="fta-list"> <li>Address: 8th floor, 379 Hudson St, New York, NY 10018</li> <li>Phone: (+1) 96 716 6879</li> <li>Email: contact@site.com</li> </ul> </div> </div> </div> </div> </div> <div class="footer-bottom-area"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="footer-bottom"> <div class="row"> <div class="col-md-6 col-sm-12 col-xs-12"> <div class="fba-copyright"> <p>Copyright © 2017 Designed by EXchange. All rights reserved.</p> </div> </div> <div class="col-md-6 col-sm-12 col-xs-12"> <div class="fba-links"> <ul> <li><a href="#">About</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Term & Conditions</a></li> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Sites Map</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </footer>
footer.footer-section { background: rgba(0, 0, 0, 0) url("https://images.pexels.com/photos/316902/pexels-photo-316902.jpeg?w=940&h=650&auto=compress&cs=tinysrgb") no-repeat scroll left top / cover; padding: 60px 0 50px; } .bg-with-black { position: relative; } .footer-top-section { margin: 0 0 47px; } .single-fta > img { margin: 0 0 7px; } .single-fta ul.fta-list { list-style: outside none none; padding-left: 0; } .single-fta ul.fta-list li, .single-fta ul.fta-list li a { color: #e5e5e5; display: block; font-size: 14px; letter-spacing: 0; line-height: 36px; } .single-fta ul.fta-list { list-style: outside none none; padding-left: 0; } .fta-title { color: #ffffff; font-weight: 500; letter-spacing: 0; margin: 0 0 20px; } .fba-links { text-align: right; } .fba-links ul li a { color: #e5e5e5; display: block; font-size: 14px; letter-spacing: 0; } .fba-links ul { list-style: outside none none; padding: 0; } .fba-links ul li { display: inline-block; margin-left: 28px; } .fba-copyright p { color: #aaaaaa; line-height: 30px; }

Related: See More


Questions / Comments: