<section class="section is-clipped">
<div class="container">
<div class="has-mw-4xl mx-auto is-relative">
<div class="-ml-12 -mr-12 mt-24 mb-24 is-absolute is-top-0 is-bottom-0 is-left-0 is-right-0 has-background-light"></div>
<div class="px-8 pt-20 pb-32 is-relative has-background-info has-text-centered">
<a class="mb-14 is-inline-block" href="#">
<img class="image" src="yofte-assets/logos/yofte-logo-white.svg" alt="">
</a>
<h2 class="title has-text-white mb-2">Join Our Newsletter</h2>
<p class="subtitle has-text-light mb-6">Sign me up for Yofte newsletters to get exclusive perks.</p>
<img class="mb-12 image is-block mx-auto" src="yofte-assets/elements/quote.svg" alt="">
<div class="has-mw-xl mx-auto is-relative">
<img class="-mt-12 -mr-20 is-absolute is-top-0 is-right-0 image" style="height: 160px;" src="yofte-assets/elements/quote-light.png" alt="">
<div class="field has-addons">
<div class="control is-relative" style="width: 100%">
<input class="input has-background-white" type="text" placeholder="[email protected]">
</div>
<div class="control"><a class="button is-dark" href="#">Join</a></div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Bulma
UI Library
All Libraries
Components
- Alert 80
- Application 60
- Banners 10
- Blog 63
- Call to action 99
- Contact 36
- Content 60
- Cookies 44
- E-commerce (orders) 14
- E-commerce (products) 20
- FAQ 41
- Features 135
- Footers 54
- Graphs 9
- HTTP codes 42
- Hero section 78
- How it works 43
- Logo clouds 85
- Modals 7
- Navbar 28
- Navigation (horizontal) 107
- Navigation (vertical) 2
- Newsletter 40
- Portfolio 46
- Pricing 38
- Reviews 5
- Sign in / Sign up 69
- Stats 44
- Tables 26
- Team 38
- Testimonials 47
- Users 17
Component #1
Newsletters are the bread and butter of any business. Our Bulma components newsletter will allow you to build your mailing base effectively.
Choose from many variations of the Bulma 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 Bulma website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all sections of the Bulma components newsletter, code and our editor. Try the demo for free.
Component #2
Component #3
Component #4
Component #5
