This components based blocks are ready to use as well as customize easily in any template instantly. Just copy the code and paste. Simple
<footer class="app-footer text-md-left text-center">
<div class="container">
<div class="row align-items-center">
<div class="col-md-2 mb-md-0 mb-4">
<span class="pr-md-5 pr-0 py-3 border-right ">
<img class="pr-3" src="assets/img/logo-dark.png" srcset="assets/img/logo-dark@2x.png 2x" alt="">
</span>
</div>
<div class="col-md-6 mb-md-0 mb-4">
<ul class="footer-link">
<li><a href="#">about</a></li>
<li><a href="#">benefits</a></li>
<li><a href="#">career</a></li>
<li><a href="#">support</a></li>
</ul>
<p class="copyright">© 2019 Clab. All right reserved.</p>
</div>
<div class="col-md-4 text-md-right">
<ul class="footer-link social-links">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
</ul>
<p class="copyright">Support: dkmosa@gmail.com</p>
</div>
</div>
</div>
</footer>
<footer class="app-footer bg-dark pb-0 border-0 text-md-left text-center">
<div class="container">
<div class="row align-items-center mb-md-5 mb-3">
<div class="col-md-4">
<img class="pr-3 mb-md-0 mb-4" src="assets/img/logo-color.png" srcset="assets/img/logo-color@2x.png 2x" alt="">
</div>
<div class="col-md-8">
<span class="font-lora h5 font-weight-normal">- A powerful creative components pack for bootstrap 4</span>
</div>
</div>
<div class="row">
<div class="col-md-4 mb-md-0 mb-4">
<p class="text-muted">A great and powerful collection of modern designed component pack to build better website for your next project</p>
</div>
<div class="col-md-2 mb-md-0 mb-4">
<h6 class="mb-4">Navigate</h6>
<ul class="footer-link">
<li class="d-block"><a href="#">Overview</a></li>
<li class="d-block"><a href="#">Landing Pages</a></li>
<li class="d-block"><a href="#">App Pages</a></li>
<li class="d-block"><a href="#">Inner Pages</a></li>
</ul>
</div>
<div class="col-md-2 mb-md-0 mb-4">
<h6 class="mb-4">Platform</h6>
<ul class="footer-link">
<li class="d-block"><a href="#">Mac OS & iOS</a></li>
<li class="d-block"><a href="#">Android & Chrome OS</a></li>
<li class="d-block"><a href="#">Windows</a></li>
<li class="d-block"><a href="#">Linux</a></li>
</ul>
</div>
<div class="col-md-2 mb-md-0 mb-4">
<h6 class="mb-4">Community</h6>
<ul class="footer-link">
<li class="d-block"><a href="#">Knowledge base</a></li>
<li class="d-block"><a href="#">Hire an expart</a></li>
<li class="d-block"><a href="#">FAQ</a></li>
<li class="d-block"><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-md-2 mb-md-0 mb-4">
<h6 class="mb-4">Company</h6>
<ul class="footer-link">
<li class="d-block"><a href="#">About Company</a></li>
<li class="d-block"><a href="#">History</a></li>
<li class="d-block"><a href="#">Team</a></li>
<li class="d-block"><a href="#">Investment</a></li>
</ul>
</div>
</div>
</div>
<div class="app-secondary-footer mt-md-5 mt-3">
<div class="container">
<div class="row">
<div class="col">
<span class="copyright">© 2019 Clab. All right reserved.</span>
</div>
</div>
</div>
</div>
</footer>
<footer class="app-footer bg-dark border-0 text-md-left text-center">
<div class="container">
<div class="row">
<div class="col-md-4 mb-md-0 mb-4">
<div class="mb-4">
<img class="pr-3 mb-md-0" src="assets/img/logo.png" srcset="assets/img/logo@2x.png 2x" alt="">
</div>
<p class="text-muted font-lora">A great and powerful collection of modern component</p>
</div>
<div class="col-md-4 mb-md-0 mb-4">
<h6 class="mb-4">Navigate</h6>
<ul class="footer-link two-col-link">
<li><a href="#">About Us</a></li>
<li><a href="#">Landing Pages</a></li>
<li><a href="#">App Pages</a></li>
<li><a href="#">Inner Pages</a></li>
<li><a href="#">Knowledge base</a></li>
<li><a href="#">Hire an expert</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-md-4">
<h6 class="mb-4">Subscribe</h6>
<p class="text-muted">Get monthly updates and free resources</p>
<form>
<div class="form-group">
<div class="icon-field-right">
<i class="fa fa-paper-plane"></i>
<input type="email" class="form-control" placeholder="Enter your email address">
</div>
</div>
</form>
</div>
</div>
</div>
</footer>
<footer class="app-footer bg-dark border-0 text-md-left text-center">
<div class="container">
<div class="row align-items-center">
<div class="col-md-2 mb-md-0 mb-4">
<span class="pr-md-5 pr-0 py-3 border-right">
<img class="pr-3" src="assets/img/logo-color.png" srcset="assets/img/logo-color@2x.png 2x" alt="">
</span>
</div>
<div class="col-md-6 mb-md-0 mb-4">
<ul class="footer-link">
<li><a href="#">about</a></li>
<li><a href="#">benefits</a></li>
<li><a href="#">career</a></li>
<li><a href="#">support</a></li>
</ul>
<p class="copyright">© 2019 Clab. All right reserved.</p>
</div>
<div class="col-md-4 text-md-right">
<ul class="footer-link social-links">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
</ul>
<p class="copyright">Support: dkmosa@gmail.com</p>
</div>
</div>
</div>
</footer>
<footer class="app-footer bg-dark border-0 text-md-left text-center">
<div class="container">
<div class="row">
<div class="col-md-2 mb-md-0 mb-4">
<div class="mb-4">
<img class="pr-3 mb-md-0" src="assets/img/logo.png" srcset="assets/img/logo@2x.png 2x" alt="">
</div>
</div>
<div class="col-md-3 mb-md-0 mb-4">
<h6 class="mb-4 text-capitalize border-bottom pb-3">Get in touch</h6>
<div class="d-flex mb-md-4">
<i class="fa fa-map pr-4 mt-1 text-muted"></i>
<div class="text-muted">
150 Broadway office 402
New York, USA
</div>
</div>
<div class="d-flex mb-md-4">
<i class="fa fa-envelope pr-4 mt-1 text-muted"></i>
<div class="text-muted">
clab@thevectorlab.net
info@thevectorlab.net
</div>
</div>
<div class="d-flex mb-md-0 mb-4">
<i class="fab fa-twitter pr-4 mt-1 text-muted"></i>
<div class="text-muted">
+01 234 567 890 <br>
+09 876 543 210
</div>
</div>
</div>
<div class="col-md-4 mb-md-0 mb-4">
<h6 class="mb-4 text-capitalize border-bottom pb-3">Twitter Feed</h6>
<div class="d-flex mb-md-4">
<i class="fab fa-twitter pr-4 mt-1 text-muted"></i>
<div class="text-muted">
Wait is over. most powerful web template clab is live now. check here <a href="#"
class="text-muted">http://t.co/dbdmSjuqua@selfi</a>
<p class="text-white font-size-12 text-uppercase">Jan. 10, 2019</p>
</div>
</div>
<div class="d-flex mb-md-0 mb-4">
<i class="fab fa-twitter pr-4 mt-1 text-muted"></i>
<div class="text-muted">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor..
<p class="text-white font-size-12 text-uppercase">Jan. 10, 2019</p>
</div>
</div>
</div>
<div class="col-md-3">
<h6 class="mb-4 text-capitalize border-bottom pb-3">Instagram</h6>
<div class="instagram-feed">
<a href="#"><img src="assets/img/cards/10a.jpg" alt=""></a>
<a href="#"><img src="assets/img/cards/10b.jpg" alt=""></a>
<a href="#"><img src="assets/img/cards/10c.jpg" alt=""></a>
<a href="#"><img src="assets/img/cards/11a.jpg" alt=""></a>
<a href="#"><img src="assets/img/cards/12a.jpg" alt=""></a>
<a href="#"><img src="assets/img/cards/3a.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</footer>
<footer class="app-footer border-top-0 text-md-left text-center">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 mb-md-0 mb-4">
<h4>Get in touch</h4>
<p>testmail@testmail.net</p>
<br>
<p class="font-size-14"><span class="text-muted">© 2019-2020. All right reserved.</span>
Proudly created with vectorlab</p>
</div>
<div class="col-md-5 mb-md-0 mb-4">
<ul class="social-media-list two-col-link">
<li><a href="#">Linkedin</a></li>
<li><a href="#">VSCO</a></li>
<li><a href="#">Behance</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Dribbble</a></li>
<li><a href="#">Medium</a></li>
</ul>
</div>
<div class="col-md-1">
<a href="#" class="go-up-link">
<i class="vl-arrow-up fa-2x"></i>
</a>
</div>
</div>
</div>
</footer>