England Football

Registration Payment Confirmation 

<div class="registration-payment-confirmation">
    <div class="header">
        <h1>WELCOME to the club</h1>
    </div>
    <div class="welcome">
        <div class="title">
            <div class="registration-form-title">
                Thank you, your payment was successful and you are now a member of the England Supporters Travel Club.
            </div>
        </div>

        <div class="registration-cta">
            <div class="next-to-step-1">
                <a href="/" class="cta cta--r-primary ">
                    <p>MY ACCOUNT</p>
                </a>

            </div>
            <div class="register-junior">
                <a href="/" class="cta cta--r-primary ">
                    <p>ENGLAND SUPPORTERS TRAVEL CLUB</p>
                </a>

            </div>
            <div class="exit-to-fa-com">
                <a href="/" class="cta cta--r-secondary ">
                    <p>CONTINUE</p>
                </a>

            </div>
        </div>
    </div>
</div>

No notes defined.

{
  "title": {
    "copy": "WELCOME to the club"
  },
  "sub-title": {
    "copy": "Thank you, your payment was successful and you are now a member of the England Supporters Travel Club."
  },
  "btn-1": {
    "copy": "MY ACCOUNT"
  },
  "btn-2": {
    "copy": "ENGLAND SUPPORTERS TRAVEL CLUB"
  },
  "btn-3": {
    "copy": "CONTINUE"
  }
}
  • Content: 
    .registration-payment-confirmation {
  margin: 0 auto;
  .welcome {
    margin-top: 24px;

    .registration-cta {
      margin-top: 34px;

      .cta--r-disabled,
      .cta--r-secondary,
      .cta--r-primary {
        min-height: 44px;
        font-size: 16px;
        margin-bottom: 15px;
      }
    }
  }

  .header {
    h1 {
      font-weight: 400;
      font-size: 80px;
      text-align: center;
      font-family: $teams-font;

      @media screen and (max-width: $mq-medium) {
        font-size: 50px;
      }
    }
  }
}
  • URL: /components/raw/registration-payment-confirmation/registration-payment-confirmation.scss
  • Filesystem Path: src/library/modules/registration/registration-payment-confirmation/registration-payment-confirmation.scss
  • Size: 534 Bytes 
<div class="registration-payment-confirmation">
  <div class="header">
    <h1>{{title.copy}}</h1>
  </div>
  <div class="welcome">
    <div class="title">
      {{render '@registration-form-title' sub-title }}
    </div>

    <div class="registration-cta">
      <div class="next-to-step-1">
        {{render '@cta--r-primary' btn-1 merge="true"}}
      </div>
      <div class="register-junior">
        {{render '@cta--r-primary' btn-2 merge="true"}}
      </div>
      <div class="exit-to-fa-com">
        {{render '@cta--r-secondary' btn-3 merge="true"}}
      </div>
    </div>
  </div>
</div>