<section class="position-relative bg-secondary-dark pt-24 pt-md-48 pb-52 overflow-hidden">
<img class="position-absolute top-0 start-100 translate-middle img-fluid" src="zospace-assets/lines/circle.svg" alt="">
<img class="position-absolute bottom-0 start-0 mb-n64 img-fluid" src="zospace-assets/lines/full-circle.svg" alt="">
<img class="position-absolute bottom-0 start-0 col-7 col-sm-5 col-md-auto img-fluid" src="zospace-assets/images/five-stars.svg" alt="">
<img class="position-absolute top-100 start-0 translate-middle img-fluid" src="zospace-assets/lines/circle.svg" alt="">
<div class="container">
<div class="mw-3xl mx-auto text-center position-relative">
<span class="h6 text-primary">What's new at Shuffle</span>
<h2 class="h3 text-white mt-10 mb-10">The quick brown fox jumps over the lazy dog.</h2>
<div class="mw-md mx-auto mb-24">
<p class="text-secondary-light">
<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 class="d-flex flex-column flex-sm-row justify-content-center"><a class="btn mb-5 mb-sm-0 me-sm-5 btn-primary" href="#">Join us now</a><a class="btn btn-outline-light" href="#">Active demo</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
Effectively collecting contacts is the goal of most sites. A well thought out Bootstrap call to action component section must clearly define the path objective and the data collection goal.
Choose from many variations of Bootstrap components call to action. Presented here are variants available in various UI libraries. You will also find many other types of components that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.
Get access to all Bootstrap components call to action, code and our editor. Try the demo for free.
Component #6
Component #7
Component #8
Component #9
Component #10
