<div class="newsletter-signup js-newsletter-signup" role="complementary">
<div class="newsletter-signup-inner">
<header class="newsletter-signup-header">
<h3 class="heading heading--category newsletter-signup-subheading">Join the movement</h3>
<h4 class="heading heading--small newsletter-signup-heading">EV's are here to stay</h4>
</header>
<form class="newsletter-signup-form" action="" method="post" data-endpoint="https://clever-components.fallwinter.dk/.netlify/functions/server/mailchimp">
<div class="form-group form-group--inline">
<label for="newsletter-email" class="visuallyhidden">Email address <span class="required">*</span></label>
<input id="newsletter-email" type="email" class="form-input--email" name="email" placeholder="name@email.com" required>
<button class="cta" type="submit" class="form-button">
<span class="text">Sign up</span>
<span class="icon icon-cta-arrow-right">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.5 15.1">
<path d="M49 0l-1.5 1.4 5.2 5.2H0v2h52.7l-5.2 5.1 1.5 1.4 7.5-7.5z" />
</svg></span>
</span>
</button>
<span class="underline"></span>
</div>
<div class="form-group">
<div class="form-input form-input--checkbox">
<input id="accept-policy" value="1" name="accept-policy" type="checkbox" required>
<label for="accept-policy"><span>Accept af persondatapolitik ifm. nyhedsbreve. <a href="#">Læs mere her</a></span></label>
</div>
</div>
</form>
</div>
</div>
<div class="newsletter-signup js-newsletter-signup{% if newsletterSignupModifiers is defined and newsletterSignupModifiers|length %} newsletter-signup--{{ newsletterSignupModifiers|join(' newsletter-signup--') }}{% endif %}" role="complementary">
<div class="newsletter-signup-inner">
<header class="newsletter-signup-header">
<h3 class="heading heading--category newsletter-signup-subheading">{{ newsletterSignupSubheading|nl2br|raw }}</h3>
<h4 class="heading heading--small newsletter-signup-heading">{{ newsletterSignupHeading|nl2br|raw }}</h4>
</header>
<form class="newsletter-signup-form" action="{{ newsletterSignupForm.action }}" method="post" data-endpoint="{{ newsletterSignupEndpoint }}">
<div class="form-group form-group--inline">
<label for="newsletter-email" class="visuallyhidden">Email address <span class="required">*</span></label>
<input id="newsletter-email" type="email" class="form-input--email" name="email" placeholder="name@email.com" required>
{% include '@call-to-action' with {
tagName: 'button',
text: 'Sign up',
attributes: {
'type': 'submit',
'class': 'form-button',
},
} %}
<span class="underline"></span>
</div>
<div class="form-group">
<div class="form-input form-input--checkbox">
<input id="accept-policy" value="1" name="accept-policy" type="checkbox" required>
<label for="accept-policy"><span>{{ newsletterSignupAcceptPolicyText }}</span></label>
</div>
</div>
</form>
</div>
</div>
{
"newsletterSignupSubheading": "Join the movement",
"newsletterSignupHeading": "EV's are here to stay",
"newsletterSignupAcceptPolicyText": "Accept af persondatapolitik ifm. nyhedsbreve. <a href=\"#\">Læs mere her</a>",
"newsletterSignupEndpoint": "https://clever-components.fallwinter.dk/.netlify/functions/server/mailchimp"
}
No notes defined.