"footer"
Bootstrap 4.0.0 Snippet by muhamed122

<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 start--> <div class="footer-wrap"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6"> <h3>ABOUT Classify</h3> <div class="footer-logo"><img src="http://hassandesigns.top/html/classified/images/footer-logo.png" alt=""></div> <p>Integer ac lorem sit amet est rhoncus dapi bus don cad pede acus morbi elit nunc molestie at ultrices eu eleifen lorem ut dictum erat masa... <a href="about-us.html">Read More</a></p> </div> <div class="col-md-2 col-sm-6"> <h3>Quick LInks</h3> <ul class="footer-links"> <li><a href="#.">Home</a></li> <li><a href="#.">About Us</a></li> <li><a href="#.">Features</a></li> <li><a href="#.">Categories</a></li> <li><a href="#.">Blog</a></li> <li><a href="#.">Contact Us</a></li> </ul> </div> <div class="col-md-3 col-sm-6"> <h3>MAIN CATEGORIES</h3> <ul class="footer-category"> <li><a href="#.">Electronics</a></li> <li><a href="#.">Vahicles</a></li> <li><a href="#.">Bikes</a></li> <li><a href="#.">Animals</a></li> <li><a href="#.">Toys</a></li> <li><a href="#."> Furniture</a></li> <li><a href="#.">Marketing</a></li> <li><a href="#.">Technology</a></li> </ul> <div class="clearfix"></div> </div> <div class="col-md-3 col-sm-6"> <h3>MAIN CATEGORIES</h3> <div class="address">Lorem # 38, Ispum Hill, Lorem, WA 12345 </div> <div class="info"><i class="fa fa-phone" aria-hidden="true"></i> <a href="#.">(777) 123 4567</a></div> <div class="info"><i class="fa fa-fax" aria-hidden="true"></i> <a href="#.">(123) 456 7890</a></div> </div> </div> <div class="copyright">Copyright © 2017 Classify - All Rights Reserved.</div> </div> </div> <!--footer end-->
/* Start section Fotrer */ .footer-wrap { background: url(http://hassandesigns.top/html/classified/images/footer-bg.jpg) no-repeat top; padding-top: 30px; background-size: cover; } .footer-wrap h3 { color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; } .footer-wrap p { font-size: 14px; line-height: 24px; color: #b3b3b3; margin-top: 15px; } .footer-wrap p a { color: #fff; text-decoration: underline; font-style: italic; } .footer-wrap p a:hover { text-decoration: none; color: #ff7800; } .footer-links li a { font-size: 14px; line-height: 26px; color: #b3b3b3; text-decoration: none; } .footer-links li:before { content: "\f105"; font-family: 'FontAwesome'; padding-right: 10px; color: #b3b3b3; } .footer-category li a { font-size: 14px; line-height: 26px; color: #b3b3b3; text-decoration: none; } .footer-category li:before { content: "\f105"; font-family: 'FontAwesome'; padding-right: 10px; color: #b3b3b3; } .address { color: #b3b3b3; font-size: 14px; position: relative; padding-left: 30px; line-height: 30px; } .address:before { content: "\f277"; font-family: 'FontAwesome'; position: absolute; top: 0; left: 0; } .info a { color: #b3b3b3; font-size: 14px; line-height: 30px; font-weight: normal; } .fa-phone:before { content: "\f095"; } .info a { color: #b3b3b3; font-size: 14px; line-height: 30px; font-weight: normal; } .fa-fax:before { content: "\f1ac"; } .copyright { border-top: 1px solid #5f5f5f; font-size: 14px; color: #b3b3b3; margin-top: 25px; padding-top: 10px; text-align: center; padding-bottom: 10px; } /* End section Fotrer */

Related: See More


Questions / Comments: