<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>