website/layouts/partials/cta-newsletter.html

61 lines
2.5 KiB
HTML

<div class="bg-light">
<div class="container pb-5">
<div
class="card bg-secondary text-light"
style="border-radius: 1rem; box-shadow: 3px 3px 5px #999"
>
<div class="card-body p-5">
<div class="row">
<div
class="col-lg-7 d-flex flex-column justify-content-center"
>
<h2 class="fw-bold">
{{ i18n "cta-newsletter-title" }}
</h2>
<p class="lead mb-0">
{{ i18n "cta-newsletter-text" }}
</p>
</div>
<form
class="offset-xl-1 col-xl-4 col-lg-5 d-flex flex-column justify-content-center"
method="post"
action="https://lists.happydomain.org/subscription/form"
>
<input type="hidden" name="nonce" />
<input
type="hidden"
name="l"
value="b3297dce-4f02-42a5-9918-54499804323e"
/>
<input
type="hidden"
name="lang"
value="{{ site.LanguageCode }}"
/>
<input
type="email"
name="email"
required
placeholder="j.postel@isi.edu"
class="form-control my-3"
/>
<div
class="my-2 mx-auto h-captcha"
data-sitekey="12a1e811-7f34-44ca-9e7c-fb1e9ade6b00"
></div>
<button
type="submit"
class="btn btn-lg btn-primary py-2"
data-umami-event="cta-newsletter-join"
>
{{ i18n "cta-newsletter-button1" }}
</button>
<small class="form-text my-2">
{{ i18n "cta-newsletter-no-spam" }}
</small>
</form>
</div>
</div>
</div>
</div>
</div>