<footer id="footer" class="footer">
<div class="footer-bottom py-4">
<div class="container">
<div class="row cols-xs-space col-sm-space align-items-center">
<div class="col-lg-3 col-12">
<div class="">
<div class="copyright">
<ul class="copy-links no-margin">
<li>
© 2018 Webpixels
</li>
<li>
<a href="#">Terms</a>
</li>
<li>
<a href="#">Privacy policy</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-center">
<ul class="footer-menu footer-menu-sm">
<li>
<a href="#" style="padding-left: 0;">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<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>