<footer id="footer" class="footer-light">
<div class="container pt-0 pb-0">
<div class="row mt-60 mb-0 fs-13">
<!-- col #1 -->
<div class="col-md-4 col-sm-4 mb-0">
<!-- Footer Logo -->
<img class="footer-logo" src="assets/images/_smarty/logo-footer.png" alt="" />
<p>
Incredibly beautiful responsive Bootstrap Template for Corporate and Creative Professionals.
</p>
<h2>(800) 123-4567</h2>
<!-- Social Icons -->
<div class="clearfix">
<a href="#" class="social-icon social-icon-sm social-icon-border social-facebook float-left" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon social-icon-sm social-icon-border social-twitter float-left" data-toggle="tooltip" data-placement="top" title="Twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i>
</a>
<a href="#" class="social-icon social-icon-sm social-icon-border social-gplus float-left" data-toggle="tooltip" data-placement="top" title="Google plus">
<i class="icon-gplus"></i>
<i class="icon-gplus"></i>
</a>
<a href="#" class="social-icon social-icon-sm social-icon-border social-linkedin float-left" data-toggle="tooltip" data-placement="top" title="Linkedin">
<i class="icon-linkedin"></i>
<i class="icon-linkedin"></i>
</a>
<a href="#" class="social-icon social-icon-sm social-icon-border social-rss float-left" data-toggle="tooltip" data-placement="top" title="Rss">
<i class="icon-rss"></i>
<i class="icon-rss"></i>
</a>
</div>
<!-- /Social Icons -->
</div>
<!-- /col #1 -->
<!-- col #2 -->
<div class="col-md-8 col-sm-8 mb-0">
<div class="row">
<div class="col-md-5 hidden-sm hidden-xs-down">
<h4 class="letter-spacing-1">RECENT NEWS</h4>
<ul class="list-unstyled footer-list half-paddings">
<li>
<a class="block" href="#">New CSS3 Transitions this Year</a>
<small>June 29, 2017</small>
</li>
<li>
<a class="block" href="#">Inteligent Transitions In UX Design</a>
<small>June 29, 2017</small>
</li>
<li>
<a class="block" href="#">Lorem Ipsum Dolor</a>
<small>June 29, 2017</small>
</li>
<li>
<a class="block" href="#">New CSS3 Transitions this Year</a>
<small>June 29, 2017</small>
</li>
</ul>
</div>
<div class="col-md-3 hidden-sm hidden-xs-down">
<h4 class="letter-spacing-1">EXPLORE US</h4>
<ul class="list-unstyled footer-list half-paddings b-0">
<li><a class="block" href="#"><i class="fa fa-angle-right"></i> About Us</a></li>
<li><a class="block" href="#"><i class="fa fa-angle-right"></i> About Me</a></li>
<li><a class="block" href="#"><i class="fa fa-angle-right"></i> About Our Team</a></li>
<li><a class="block" href="#"><i class="fa fa-angle-right"></i> Services</a></li>
<li><a class="block" href="#"><i class="fa fa-angle-right"></i> Careers</a></li>
<li><a class="block" href="#"><i class="fa fa-angle-right"></i> Gallery</a></li>
<li><a class="block" href="#"><i class="fa fa-angle-right"></i> FAQ</a></li>
</ul>
</div>
<div class="col-md-4 mb-0">
<h4 class="letter-spacing-1">SECURE PAYMENT</h4>
<p>Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet.</p>
<p> <!-- see assets/images/_smarty/cc/ for more icons -->
<img src="assets/images/_smarty/cc/Visa.png" alt="" />
<img src="assets/images/_smarty/cc/Mastercard.png" alt="" />
<img src="assets/images/_smarty/cc/Maestro.png" alt="" />
<img src="assets/images/_smarty/cc/PayPal.png" alt="" />
</p>
</div>
</div>
</div>
<!-- /col #2 -->
</div>
</div>
<div class="copyright">
<div class="container">
<ul class="float-right m-0 list-inline mobile-block">
<li><a href="#">Terms & Conditions</a></li>
<li>•</li>
<li><a href="#">Privacy</a></li>
</ul>
© All Rights Reserved, Company LTD
</div>
</div>
</footer>
