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