<footer class="bg-black border-top section-sm text-white">
<div class="container">
<div class="row align-items-center text-secondary">
<div class="col-lg-4 text-lg-right order-lg-3">
<a href="mailto:contact@webuildthemes.com" class="action underline">contact@webuildthemes.com <i class="icon-arrow-right"></i></a>
</div>
<div class="col-lg-4 text-center order-lg-2"><a href="index.html" class="navbar-brand"><img src="../assets/images/logo.svg" alt="Logo"></a></div>
<div class="col-lg-4 order-lg-1">
<p>Copyrights © 2021</p>
</div>
</div>
</div>
</footer>
<footer class="bg-black text-white">
<div class="container">
<div class="row gutter-2 gutter-lg-6">
<div class="col-lg-6">
<h4>5th Avenue, New York <br>USA 10255</h4>
</div>
<div class="col-lg-6 text-lg-right">
<span class="h5">+1 (234) 567 890</span>
</div>
</div>
<div class="row">
<div class="col">
<hr>
</div>
</div>
<div class="row gutter-0 gutter-lg-6 text-secondary">
<div class="col-lg-6 text-lg-right order-lg-2">
<ul class="nav nav-minimal nav-minimal-sm">
<li class="nav-item">
<a class="nav-link" href="#">facebook</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">twitter</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">linkedin</a>
</li>
</ul>
</div>
<div class="col-lg-6 order-lg-1">
<p>Copyrights © 2021</p>
</div>
</div>
</div>
</footer>
<footer>
<div class="container">
<div class="row gutter-2 gutter-lg-6">
<div class="col-lg-3">
<a href="index.html" class="navbar-brand"><img src="assets/images/logo-black.svg" alt="Logo"></a>
</div>
<div class="col-lg-5">
<ul class="nav nav-minimal flex-lg-column">
<li class="nav-item">
<a class="nav-link" href="#">landings</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">pages</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">about</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">contact</a>
</li>
</ul>
</div>
<div class="col-lg-4">
<span class="eyebrow text-muted mb-1 mb-lg-2">Join our mailing list</span>
<div class="input-group input-group-rounded">
<input type="text" class="form-control" placeholder="Your Email" aria-label="Your Email" aria-describedby="subscribeMe">
<div class="input-group-append">
<button class="btn btn-primary btn-rounded btn-icon" type="button" id="subscribeMe"><i class="icon-arrow-right"></i></button>
</div>
</div>
</div>
</div>
<div class="row align-items-center gutter-1 gutter-lg-6 text-muted">
<div class="col-md-6 col-lg-5 order-lg-2">
<ul class="nav nav-minimal nav-minimal-sm">
<li class="nav-item">
<a class="nav-link" href="#">facebook</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">twitter</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">linkedin</a>
</li>
</ul>
</div>
<div class="col-md-6 col-lg-4 text-md-right order-lg-3">
<span class="small">5th Avenue, New York USA 10255</span>
</div>
<div class="col-lg-3 order-lg-1">
<p class="small">Copyrights © 2021</p>
</div>
</div>
</div>
</footer>
<footer>
<div class="container">
<div class="row justify-content-between gutter-2 gutter-lg-6">
<div class="col-lg-4">
<a href="index.html" class="navbar-brand"><img src="assets/images/logo-black.svg" alt="Logo"></a>
<p class="mt-2 text-muted">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="col-lg-7">
<div class="row gutter-4">
<div class="col-md-4">
<span class="eyebrow text-muted mb-2 d-flex">Menu</span>
<ul class="nav nav-minimal nav-minimal-sm flex-md-column">
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Careers</a>
</li>
</ul>
</div>
<div class="col-md-4">
<span class="eyebrow text-muted mb-2 d-flex">Follow us</span>
<ul class="nav nav-minimal nav-minimal-sm flex-md-column">
<li class="nav-item">
<a class="nav-link" href="#">Instagram</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Facebook</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Twitter</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Linkedin</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Youtube</a>
</li>
</ul>
</div>
<div class="col-md-4">
<span class="eyebrow text-muted mb-2 d-flex">Docs</span>
<ul class="nav nav-minimal nav-minimal-sm flex-md-column">
<li class="nav-item">
<a class="nav-link" href="#">Get started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Components</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Changelog</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-between gutter-1 gutter-lg-6">
<div class="col-md-6 col-lg-4 order-md-2 text-md-right">
<span class="small text-muted">5th Avenue, New York USA 10255</span>
</div>
<div class="col-md-6 col-lg-3 order-md-1">
<p class="small text-muted">Copyrights © 2021</p>
</div>
</div>
</div>
</footer>