<section class="py-20 bg-light overflow-hidden">
<div class="container position-relative">
<div class="position-absolute top-50 start-0 end-0 translate-middle-y bg-info-light ms-n12 me-n12" style="height: 90%;"></div>
<div class="position-relative bg-info overflow-hidden">
<img class="position-absolute top-0 start-0 ms-xl-n40 w-100 h-100" src="yofte-assets/elements/cta-lines.svg" alt="">
<div class="position-relative row align-items-center">
<div class="col-12 col-md-8 p-10 ps-lg-40">
<span class="lead text-white">New Products</span>
<h2 class="mt-4 mb-14 font-bold text-white">Check our new collection</h2>
<a class="btn btn-primary py-4 text-uppercase" href="#">More</a>
</div>
<img class="position-relative ms-auto col-12 col-md-4" style="height: 384px; object-fit: cover;" src="https://images.unsplash.com/photo-1554244933-d876deb6b2ff?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" alt="">
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 5
- Application 38
- Banner 10
- Blog 43
- Call to action 75
- Contact 23
- Content 4
- Content 45
- Cookies 31
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 29
- Features 108
- Footer 27
- Footers 10
- Graphs 9
- HTTP codes 32
- Headers 75
- How it works 29
- Logo clouds 51
- Modals 3
- Navbar 40
- Navigation (horizontal) 63
- Navigation (vertical) 4
- Newsletter 31
- Portfolio 29
- Pricing 25
- Projects 9
- Reviews 5
- Sign in / Sign up 55
- Stats 45
- Tables 25
- Team 24
- Testimonials 25
- Users 8
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 #1
