<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 */