<section class="bg-secondary-dark position-relative pt-64 pb-44">
<img class="position-absolute bottom-0 start-0 img-fluid mw-xs pe-40 pe-xxl-32" src="https://images.pexels.com/photos/7193529/pexels-photo-7193529.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="">
<img class="position-absolute top-0 end-0 mt-20 mt-lg-44 img-fluid col-10 col-sm-6 col-xxl-5" src="zospace-assets/images/women-window-photo.png" alt="">
<div class="container">
<div class="mw-lg ms-xxl-32 pt-32 pb-24 pb-xxl-0 pt-lg-0">
<h2 class="text-center text-white mb-16">We're Zospace - Founded in London</h2>
<div class="mw-sm mx-auto">
<div class="d-flex align-items-center pb-14 mb-8 border-bottom">
<img class="img-fluid" src="zospace-assets/images/light-bulb-purple.svg" alt="">
<div class="ms-8 ms-md-14">
<p class="text-secondary-light mb-0">
<span>A short message that will</span>
<span class="text-white">bring your customers</span>
<span>into the world of your imagination.</span>
</p>
</div>
</div>
<div class="d-flex w-100 justify-content-end">
<a class="btn p-0 text-secondary-light d-flex align-items-center" href="#">
<span class="me-5">Learn our story</span>
<span>
<svg width="19" height="20" viewbox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.7387 1.47293L18.7387 10.93L17.5565 10.93L17.5565 2.89739L0.835337 19.6245L0.00193592 18.7911L16.7231 2.064L9.28164 2.064L9.28164 0.881867L18.1476 0.881866C18.4741 0.881866 18.7387 1.14648 18.7387 1.47293Z" fill="white"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 85
- Application 58
- Banners 15
- Blog 84
- Call to action 99
- Careers 8
- Contact 42
- Content 62
- Cookies 48
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 49
- Features 140
- Footers 58
- Graphs 18
- HTTP codes 55
- Hero section 96
- How it works 46
- Logo clouds 80
- Modals 6
- Navbar 68
- Navigation (horizontal) 97
- Navigation (vertical) 6
- Newsletter 49
- Portfolio 39
- Pricing 47
- Projects 9
- Reviews 5
- Rich text 3
- Sign in / Sign up 81
- Stats 84
- Tables 57
- Team 46
- Testimonials 46
- Users 25
Content makes the page. In our Bootstrap content components, we provide you with many possible variations of content presentation. Regardless of its type and length, you'll find a way to show what's important to your audience.
Browse the Bootstrap navigation component variants available in our editor. Under each of them is clear code that you can easily edit. Components are sorted by UI libraries, which consist of many other elements in the same style. Each of these libraries was created by our talented designers to allow you to create diverse and pretty pages.
See all variations of Bootstrap navigation components and the code underneath them in Shuffle Editor.
