<section class="bg-secondary-dark py-24 py-md-40">
<div class="container">
<div class="row align-items-center pb-24 mb-14 border-bottom border-secondary">
<div class="col-12 col-lg-5 mb-20 mb-lg-0">
<span class="h6 text-primary">We're Zospace</span>
<h2 class="mw-md h3 text-white mt-10 mb-12">Thank you for your time</h2>
<p class="text-secondary-light mb-16">
<span>The brown fox jumps over</span>
<span class="text-white">the lazy dog.</span>
</p>
<div><a class="btn btn-primary me-4" href="#">Active demo</a><a class="btn btn-outline-light" href="#">Contact</a></div>
</div>
<div class="col-12 col-lg-7">
<div class="row">
<div class="col-6 col-md-4 mb-8 mb-lg-0">
<ul class="list-unstyled">
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Hello</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Story</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Pricing</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Applictaions</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Stats</a></li>
<li><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Blog</a></li>
</ul>
</div>
<div class="col-6 col-md-4 mb-8 mb-lg-0">
<ul class="list-unstyled">
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Newsletter</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Features</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">How it works</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">FAQ</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Portfolio</a></li>
<li><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Team</a></li>
</ul>
</div>
<div class="col-12 col-md-4">
<ul class="list-unstyled">
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">New account</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Log in</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Testimonials</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Contact</a></li>
<li class="mb-6"><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Privacy Policy</a></li>
<li><a class="d-inline-block text-secondary-light text-decoration-none" href="#">Cookies</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="d-sm-flex align-items-center justify-content-between">
<p class="text-secondary-light mb-sm-0">© 2022 Zospace. All rights reserved.</p>
<div class="d-flex align-items-center">
<a class="d-inline-block me-2" href="#">
<img class="img-fluid" src="zospace-assets/logos/facebook.svg" alt="">
</a>
<a class="d-inline-block me-2" href="#">
<img class="img-fluid" src="zospace-assets/logos/instagram.svg" alt="">
</a>
<a class="d-inline-block" href="#">
<img class="img-fluid" src="zospace-assets/logos/twitter.svg" alt="">
</a>
</div>
</div>
</div>
</section>