<footer id="footer" class="footer footer-inverse">
<div class="footer-bottom py-3">
<div class="container">
<div class="row cols-xs-space col-sm-space align-items-center">
<div class="col-md-7 col-12">
<div class="text-xs-center text-sm-left">
<ul class="footer-menu">
<li>
<a href="#" style="padding-left: 0;">Home</a>
</li>
<li>
<a href="#">About us</a>
</li>
<li>
<a href="#">Services</a>
</li>
</ul>
<div class="copyright mt-1">
<ul class="copy-links">
<li>
© 2018 Webpixels
</li>
<li>
<a href="#">Terms</a>
</li>
<li>
<a href="#">Privacy policy</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-5">
<div class="text-xs-center text-sm-right">
<ul class="social-media social-media--style-1-v4">
<li>
<a href="#" class="facebook" target="_blank" data-toggle="tooltip" data-original-title="Facebook">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="#" class="instagram" target="_blank" data-toggle="tooltip" data-original-title="Instagram">
<i class="fa fa-instagram"></i>
</a>
</li>
<li>
<a href="#" class="dribbble" target="_blank" data-toggle="tooltip" data-original-title="Dribbble">
<i class="fa fa-dribbble"></i>
</a>
</li>
<li>
<a href="#" class="dribbble" target="_blank" data-toggle="tooltip" data-original-title="Github">
<i class="fa fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>