<div class="ecp-component ecp_CheckoutBegin">
  <h2>{message:CheckoutBegin/Title}</h2>

  <form>
    <div class="ecp-form">
      <p class="ecp-summary">{message:CheckoutBegin/LoginSummary}</p>
      <div class="ecp-form-fieldset">
        <input type="text" name="username" placeholder="{message:CheckoutBegin/EmailInput}" aria-label="{message:CheckoutBegin/EmailInputLabel}" autocomplete="email" autofocus required>
      </div>
      <div class="ecp-button-list">
        <button class="ecp-desktop-auto ecp-inline" data-ecp-action="locate" aria-label="{message:CheckoutBegin/LocateButtonLabel}">{message:CheckoutBegin/LocateButton}</button>
        <button class="ecp-desktop-auto ecp-inline ecp-secondary" data-ecp-handle="guest_checkout" data-ecp-action="guest" aria-label="{message:CheckoutBegin/GuestButtonLabel}">{message:CheckoutBegin/GuestButton}</button>
      </div>
      <ul class="ecp-item-list">
        <li><a href="{message:__forgot_link}" class="ecp-option" data-ecp-action="forgot">{message:CheckoutBegin/ForgotLink}</a></li>
        <li><a href="{message:__signup_link}" class="ecp-option" data-ecp-action="signup">{message:CheckoutBegin/SignupLink}</a></li>
      </ul>
    </div>
  </form>
</div>