<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 38
- Banner 10
- Blog 50
- Call to action 78
- Contact 24
- Content 44
- Cookies 31
- E-commerce (orders) 14
- E-commerce (products) 20
- FAQ 31
- Features 106
- Footers 34
- Graphs 9
- HTTP codes 31
- Headers 60
- How it works 29
- Logo clouds 58
- Modals 4
- Navbar 28
- Navigation (horizontal) 71
- Navigation (vertical) 2
- Newsletter 35
- Portfolio 28
- Pricing 25
- Reviews 5
- Sign in / Sign up 49
- Stats 33
- Tables 24
- Team 25
- Testimonials 34
- 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
