<div class="ecp-component ecp_JoinNewsletter" role="region" aria-label="{message:JoinNewsletter/RegionLabel}">
  <div data-ecp-handle="form">
    <h3>{message:JoinNewsletter/Title}</h3>
    <form class="ecp-form">
      <input type="text" name="first_name" placeholder="{message:JoinNewsletter/FirstNameInput}" aria-label="{message:JoinNewsletter/FirstNameInputLabel}" autocomplete="given-name" required>
      <input type="text" name="last_name" placeholder="{message:JoinNewsletter/LastNameInput}" aria-label="{message:JoinNewsletter/LastNameInputLabel}" autocomplete="family-name" required>
      <input type="text" name="email_address" placeholder="{message:JoinNewsletter/EmailInput}" aria-label="{message:JoinNewsletter/EmailInputLabel}" autocomplete="email" required>
      <button data-ecp-action="save" aria-label="{message:JoinList/SaveButtonLabel}">{message:JoinNewsletter/SaveButton}</button>            
    </form>
    <p class="ecp-appendage ecp-margin-bottom-0">{message:JoinNewsletter/Info}</p>
  </div>
  <div data-ecp-handle="thankyou">
    <h3>{message:JoinNewsletter/ThankYou/Title}</h3>
    <p>{message:JoinNewsletter/ThankYou/Message}</p>
  </div>
</div>