components/newsletter/newsletter--errors.html [8:57]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    <input type="hidden" name="source_url" value="https://www.mozilla.org/">

    <header class="mzp-c-newsletter-header">
      <h3 class="mzp-c-newsletter-title">Love the Web?</h3>
      <p class="mzp-c-newsletter-tagline">Get the Mozilla newsletter and help us keep it open and free.</p>
    </header>

    <fieldset class="mzp-c-newsletter-content">
      <div class="mzp-c-form-errors" id="newsletter-errors">
        <ul class="mzp-u-list-styled">
          <li class="error-email-invalid">
            Please enter a valid email address
          </li>
          <li class="error-privacy-policy">
            You must agree to the privacy notice
          </li>
        </ul>
      </div>

      <label for="id_email">Your email address:</label>
      <input type="email" id="id_email" name="email" required="" maxlength="320" placeholder="yourname@example.com" class="mzp-js-email-field">

      <div id="newsletter-details" class="mzp-c-newsletter-details">
        {% render '@select', { label: 'Country', name: 'country', required: True, id: 'id_country', options: '@newsletter.options' } %}
        {% render '@select', { required: True, id: 'id_lang' }, true %}

        <fieldset class="mzp-u-inline">
          <legend>I want information about:</legend>
          <p>
            <label for="id_newsletters_0" class="mzp-u-inline">
              <input type="checkbox" name="newsletters" value="mozilla-foundation" id="id_newsletters_0" checked> Mozilla Foundation
            </label>

            <label for="id_newsletters_1" class="mzp-u-inline">
              <input type="checkbox" name="newsletters" value="mozilla-and-you" id="id_newsletters_1" checked> Firefox
            </label>
          </p>
        </fieldset>

        <p>
          <label for="privacy" class="mzp-u-inline">
            <input type="checkbox" id="privacy" name="privacy" required aria-required="true">
            I’m okay with Mozilla handling my info as explained in <a href="https://www.mozilla.org/privacy/websites/">this Privacy Notice</a>
          </label>
        </p>
      </div>

      <p class="mzp-c-form-submit">
        <button type="submit" class="mzp-c-button" id="newsletter-submit">Sign up now</button>
        <span class="mzp-c-fieldnote">We will only send you Mozilla-related information.</span>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



components/newsletter/newsletter--success.html [8:57]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    <input type="hidden" name="source_url" value="https://www.mozilla.org/">

    <header class="mzp-c-newsletter-header">
      <h3 class="mzp-c-newsletter-title">Love the Web?</h3>
      <p class="mzp-c-newsletter-tagline">Get the Mozilla newsletter and help us keep it open and free.</p>
    </header>

    <fieldset class="mzp-c-newsletter-content">
      <div class="mzp-c-form-errors" id="newsletter-errors">
        <ul class="mzp-u-list-styled">
          <li class="error-email-invalid">
            Please enter a valid email address
          </li>
          <li class="error-privacy-policy">
            You must agree to the privacy notice
          </li>
        </ul>
      </div>

      <label for="id_email">Your email address:</label>
      <input type="email" id="id_email" name="email" required="" maxlength="320" placeholder="yourname@example.com" class="mzp-js-email-field">

      <div id="newsletter-details" class="mzp-c-newsletter-details">
        {% render '@select', { label: 'Country', name: 'country', required: True, id: 'id_country', options: '@newsletter.options' } %}
        {% render '@select', { required: True, id: 'id_lang' }, true %}

        <fieldset class="mzp-u-inline">
          <legend>I want information about:</legend>
          <p>
            <label for="id_newsletters_0" class="mzp-u-inline">
              <input type="checkbox" name="newsletters" value="mozilla-foundation" id="id_newsletters_0" checked> Mozilla Foundation
            </label>

            <label for="id_newsletters_1" class="mzp-u-inline">
              <input type="checkbox" name="newsletters" value="mozilla-and-you" id="id_newsletters_1" checked> Firefox
            </label>
          </p>
        </fieldset>

        <p>
          <label for="privacy" class="mzp-u-inline">
            <input type="checkbox" id="privacy" name="privacy" required aria-required="true">
            I’m okay with Mozilla handling my info as explained in <a href="https://www.mozilla.org/privacy/websites/">this Privacy Notice</a>
          </label>
        </p>
      </div>

      <p class="mzp-c-form-submit">
        <button type="submit" class="mzp-c-button" id="newsletter-submit">Sign up now</button>
        <span class="mzp-c-fieldnote">We will only send you Mozilla-related information.</span>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -