<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>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 85
- Application 43
- Applications 5
- Banner 15
- Blog 53
- Call to action 86
- Contact 28
- Contacts 5
- Content 59
- Cookies 41
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 39
- Features 118
- Footers 48
- Graphs 18
- HTTP codes 43
- Headers 86
- How it works 39
- Logo clouds 68
- Modals 3
- Navbar 68
- Navigation (horizontal) 80
- Navigation (vertical) 6
- Navigations 4
- Newsletter 41
- Portfolio 39
- Pricing 35
- Projects 9
- Reviews 5
- Sign in / Sign up 65
- Stats 71
- Tables 52
- Tables 5
- Team 35
- Testimonials 35
- Users 25
Footer is the place where you will put the site navigation and all the relevant information. That is why it is worth putting some effort into its design, prioritizing vital information and links over the less important ones.
Choose from many variants of Bootstrap components footers. The variants shown here are available in various UI libraries in the Shuffle Editor. You will also find many other types of components that will be in the same style. This will allow you to build a comprehensive Bootstrap website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all Bootstrap components footers section, code and our editor. Try the demo for free.
Component #6
Component #7
Component #8
Component #9
Component #10
