Page Kit
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="c-newsletter-signup">
  <h2>Learn newsletter</h2>
  Keep up with all of the education news from the Raspberry Pi Foundation.
  <div id="sign_up_replaceable_block">
    <form data-turbo="true" action="/newsletter" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qB4cethf6x5DMW3sZqFYJn6w_jhgSAaHd7HYgDJjc4tF4lPjckRXcWwCjpn8OHI1Oy7PafIXYJjr9Cm3y8lf_Q" autocomplete="off" />
      <div class="rpi-turnstile" data-controller="rpi-turnstile--turnstile" data-rpi-turnstile--turnstile-target="container" data-rpi-turnstile--turnstile-options-value="{"theme":"light","appearance":"interaction-only","language":"en","sitekey":"0x4AAAAAAANJ1qRyiSGsR7h_"}"></div>
      <label class="c-newsletter-signup__email-label" for="email">Email address</label>
      <input class="c-newsletter-signup__input-field" placeholder="joanna@bloggs.com" required="required" type="email" name="email" id="email" />
      <label class="c-newsletter-signup__privacy_label" for="gdpr">
        <input class="c-newsletter-signup__checkbox-field" required="required" type="checkbox" value="Y" name="gdpr" id="gdpr" />
        <span>I agree to my data being processed in accordance with <a href='https://raspberrypi.org/privacy'>the Raspberry Pi Foundation's privacy statement</a>.</span>
      </label>      <input type="submit" name="commit" value="Subscribe" data-disable-with="Subscribe" />
    </form>
    
    <div id="sign_up_block_error"></div>
  </div>
</div>
1
2
3
4
5
6
7
8
c(
  'site/newsletter_signup',
  {
    title:,
    copy:,
    form_url: ''
  }
)

No notes provided.

Param Description Input

The title to display in the hero

The copy to display in the hero