<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="spf-footer py-3">
<footer class="footer-20192">
<div class="site-section">
<div class="container">
<div class="row">
<div class="col-sm"><a href="#" class="footer-logo">Colorlib</a></div>
<div class="col-sm">
<h3>Customers</h3>
<ul class="list-unstyled links">
<li><a href="#">Buyer</a></li>
<li><a href="#">Supplier</a></li>
</ul></div>
<div class="col-sm">
<h3>Company</h3>
<ul class="list-unstyled links">
<li><a href="#">About us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Contact us</a></li>
</ul></div>
<div class="col-sm">
<h3>Further Information</h3>
<ul class="list-unstyled links">
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul></div>
<section class="spf-social col-md-3">
<h3>Follow us</h3>
<ul class="nav nav-pills footer-menu">
<a class="nav-link" href="#" target="_blank"><span class="fa-stack fa-lg">
<i class="fas fa-square fa-stack-2x"></i><i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i></span></a>
<a class="nav-link" href="#" target="_blank"><i class="fab fa-x-twitter fa-2x"></i></a>
<a class="nav-link" href="#" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
