<section class="py-20 bg-light overflow-hidden">
<div class="container">
<div class="position-relative mw-4xl mx-auto">
<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 pt-20 pb-32 px-8 bg-info text-center">
<a class="d-inline-block mb-14" href="#">
<img class="img-fluid" src="yofte-assets/logos/yofte-logo-white.svg" alt="">
</a>
<h2 class="mb-5 text-white">Join Our Newsletter</h2>
<p class="mb-6 text-light">Sign me up for Yofte newsletters to get exclusive perks.</p>
<img class="mb-12 img-fluid" src="yofte-assets/elements/quote.svg" alt="">
<div class="position-relative mw-xl mx-auto bg-white rounded-3">
<img class="position-absolute top-0 end-0 mt-n12 me-n20" style="height: 160px;" src="yofte-assets/elements/quote-light.png" alt="">
<div class="position-relative mw-lg-xl mx-lg-auto bg-white rounded-3">
<div class="position-relative row align-items-center justify-content-between">
<div class="position-relative col-12 col-md-9">
<span class="position-absolute top-0 start-0 ms-11 mt-4 small lh-sm text-muted fw-bold">Drop your e-mail</span>
<input class="form-control w-100 pt-8 pb-4 px-8 border-0" type="text" placeholder="[email protected]">
</div>
<div class="col-12 col-md-auto"><a class="btn btn-dark d-block text-uppercase" href="#">Join</a></div>
</div>
</div>
</div>
</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
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 #1
