32 lines
1.3 KiB
Handlebars
32 lines
1.3 KiB
Handlebars
|
{{!--
|
||
|
|
This subscribe template is used to display the form where users can subscribe.
|
||
|
|
You need to enable the members feature first.
|
||
|
|
--}}
|
||
|
|
|
||
|
|
<div class="m-subscribe-section__form">
|
||
|
|
<form data-members-form="subscribe" id="newsletter-form" class="m-subscribe-section__container">
|
||
|
|
<div class="m-subscribe__form">
|
||
|
|
<fieldset>
|
||
|
|
<label for="newsletter_input" class="sr-only">{{t "Your email address"}}</label>
|
||
|
|
<input data-members-email id="newsletter-input" class="m-input in-subscribe-section" type="email"
|
||
|
|
placeholder="{{t "Your email address"}}" required />
|
||
|
|
</fieldset>
|
||
|
|
<button id="newsletter_button" class="m-button primary block" type="submit">{{t "Subscribe"}}</button>
|
||
|
|
</div>
|
||
|
|
<div class="m-subscribe__success">
|
||
|
|
<header class="m-heading no-margin">
|
||
|
|
<h1 class="m-heading__title">{{t "Subscribed!"}}</h1>
|
||
|
|
<p class="m-heading__description in-subscribe-page">
|
||
|
|
{{t "Now check your inbox and click the link to confirm your subscription."}}
|
||
|
|
</p>
|
||
|
|
</header>
|
||
|
|
</div>
|
||
|
|
<p class="m-subscribe__invalid m-small-text">
|
||
|
|
{{t "Please enter a valid email address"}}
|
||
|
|
</p>
|
||
|
|
<p class="m-subscribe__error m-small-text">
|
||
|
|
{{t "Oops! There was an error sending the email, please try later"}}
|
||
|
|
</p>
|
||
|
|
</form>
|
||
|
|
</div>
|