<section class="py-28 bg-black overflow-hidden">
<div class="container">
<div class="mw-md-lg mx-auto text-center mb-14">
<h2 class="fs-10 fw-semibold text-white mb-5">Join our newsletter</h2>
<p class="fs-17 text-secondary-light mb-0">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim.</p>
</div>
<form class="mw-md-xl mx-auto">
<div class="form-group mb-5">
<input class="bg-transparent text-dark px-5 py-4 w-100 border border-dark-light" id="newsletterInput1-1" style="border-radius: 3px;" type="email" placeholder="Your full name">
</div>
<div class="form-group mb-5">
<input class="bg-transparent text-dark px-5 py-4 w-100 border border-dark-light" id="newsletterInput1-2" style="border-radius: 3px;" type="email" placeholder="Your email address">
</div>
<button class="btn btn-light-light fs-20 w-100 px-11 py-5 text-uppercase mb-6" type="submit" style="letter-spacing: 1px; background: linear-gradient(98.24deg, #CEE9C1 0%, #83C8DE 100%); border-radius: 3px;">Subscribe now</button>
<p class="fs-19 text-center text-dark mb-0">We never share your information to any third party</p>
</form>
</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
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.
