England Football

Registration Payment Confirmation Page 

<div class="registration-page">
    <div class="registration-container" data-modal-title='Test Are you sure you want quit' data-modal-subtitle='Subtitle for cross icon' data-modal-primary='QUIT' data-modal-secondary='cross Cancel'>
        <div id="camera_host"></div>
        <div class="registration-container__header">
            <button class="back-icon-container registration_hide" aria-label="back registration journey">
                <i class="back-icon"></i> <span class="back-text">BACK</span>
            </button>
            <button class="close-icon-container" aria-label="close registration journey">
                <i class="close-icon"></i>
            </button>
        </div>
        <div class="registration-container__body">
            <div class="registration-loader registration_hide" role="alert" aria-label="loading, Please do not refresh the page. ">
                <img id="registration-loader-logo" src="/assets/example-content/loading_with_logo.gif" loading="lazy" alt="loading" />
            </div>

            <div class="form-container">

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

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

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

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

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

            </div>
        </div>
        <div class="registration-container__footer">
            <img src="./../../../assets/example-content/logo-name.png" class="footer-logo" alt="england football logo" />
        </div>
        <dialog class="registration-confirm-modal">
            <!-- Modal content -->
            <div class="registration-confirm-modal__content">
                <div class="registration-confirm-modal__header">
                    <h1 class="registration-form-title">
                        Are you sure?
                    </h1>
                </div>
                <div class="registration-confirm-modal__body">
                    <h2 class="registration-form-sub-title">
                        If you don’t want to register now you can come back at any time.
                    </h2>
                </div>
                <div class="registration-confirm-modal__footer">
                    <a role="button" href="/" class="cta cta--r-primary ">
                        <p>
                            Leave</p>
                    </a>

                    <a role="button" href="/" class="cta cta--r-secondary ">
                        <p>
                            Cancel</p>
                    </a>

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

No notes defined.

{
  "title": {
    "copy": "We need some more details from you before upgrading to an England Supporters Travel Club member."
  },
  "sub-title": {
    "copy": "If you are intending on purchasing a junior membership along with your own, please ensure your junior is registered to your account before proceeding by clicking ‘Register Junior’ below."
  },
  "btn-1": {
    "copy": "COMPLETE ESTC UPGRADE"
  },
  "btn-2": {
    "copy": "REGISTER JUNIOR"
  },
  "btn-3": {
    "copy": "EXIT TO THEFA.COM"
  }
}
 
<div class="registration-page">
  {{#> @registration-container}}

  {{render '@registration-payment-confirmation'}}

  {{/ @registration-container}}
</div>