<section class="bg-secondary-dark py-24 py-md-40">
<div class="container position-relative">
<div class="position-relative mw-6xl mx-auto">
<img class="position-absolute top-0 end-0 mt-n16 me-6 img-fluid" style="z-index: 1;" src="zospace-assets/images/stars.svg" alt="">
<div class="position-relative px-6 ps-sm-12 ps-md-24 pe-sm-12 ps-xxl-36 pe-xxl-20 pt-20 pb-24 overflow-hidden rounded bg-secondary">
<img class="position-absolute top-0 start-0 mt-n12 mw-6xl mw-md-none" src="zospace-assets/lines/blue-half-circle.svg" alt="">
<img class="position-absolute top-0 end-0 mt-n64 mw-sm mw-md-lg img-fluid" src="zospace-assets/lines/circle.svg" alt="">
<div class="position-relative mw-lg">
<span class="h6 text-white">More news</span>
<h4 class="text-white mt-2 mb-6">Subscribe now</h4>
<div class="input-group mb-8 bg-white rounded-pill">
<input class="form-control ps-md-24 py-3 me-4 me-lg-14 border-0 bg-transparent" type="email" placeholder="Drop your Email" aria-label="Drop your Email" aria-describedby="">
<svg class="d-none d-md-block position-absolute top-50 start-0 ms-10 translate-middle-y" width="37" height="37" viewbox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18.5" cy="18.5" r="9.5" fill="#1F40FF" fill-opacity="0.15"></circle><circle cx="18.5" cy="18.5" r="18.5" fill="#1F40FF" fill-opacity="0.06"></circle><circle cx="18.5" cy="18.5" r="2.5" fill="#282C36"></circle></svg>
<button class="btn btn-primary px-md-12 rounded-pill" type="button" id="">Subscribe</button>
</div>
<p class="text-secondary-light mb-0">
<span>The brown fox jumps over</span>
<span class="text-white">the lazy dog.</span>
</p>
</div>
</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
Newsletters are the bread and butter of any business. Our Bootstrap components newsletter will allow you to build your mailing base effectively.
Choose from many variations of the Bootstrap components newsletter. 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 sections of the Bootstrap components newsletter, code and our editor. Try the demo for free.
Component #6
Component #7
Component #8
Component #9
Component #10
