<section class="section py-20">
<div class="container">
<div class="has-background-dark px-8 px-16-desktop py-10 py-20-desktop is-rounded">
<div class="columns py-5 is-vcentered">
<div class="column is-7 mb-6 mb-0-desktop">
<div class="mb-3 mb-0-desktop">
<h3 class="mb-4 title is-3 has-text-white">Sign up to our newsletter</h3>
<p class="is-size-5 has-text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="col-12 col-md-5">
<form action="#">
<div class="is-flex is-align-items-end is-fullwidth">
<div class="is-flex-grow-1 mr-4 mb-4 mb-0-desktop">
<div class="is-relative">
<input class="input py-6 has-background-dark has-text-white" type="text" value="e.g [email protected]">
<span class="is-absolute is-top-0 is-left-0 -mt-2 ml-3 has-background-dark has-text-light" style="font-size: 12px;">Your email address</span>
</div>
</div>
<div>
<button class="button is-info">Sign up</button>
</div>
</div>
</form>
</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 #5
Component #6
Component #7
Component #8
Component #9
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.
