England Football

Registration Payment Confirmation Page 

<div class="registration-page">
    <div class="registration-container">
        <div id="camera_host"></div>
        <div class="registration-container__header">
            <div class="back-icon-container registration_hide">
                <i class="back-icon" tabindex="0" role="button" aria-label="back registration journey"></i> <span class="back-text">BACK</span>
            </div>
            <i class="close-icon" tabindex="0" role="button" aria-label="close registration journey"></i>
        </div>
        <div class="registration-container__body">
            <div class="registration-loader registration_hide">
                <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">
                            <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>

            </div>
        </div>
        <div class="registration-container__footer">
            <i class="footer-logo"></i>
        </div>
        <div class="registration-confirm-modal">
            <!-- Modal content -->
            <div class="registration-confirm-modal__content">
                <div class="registration-confirm-modal__header">
                    <div class="registration-form-title">
                        Are you sure?
                    </div>
                </div>
                <div class="registration-confirm-modal__body">
                    <div class="registration-form-sub-title">
                        If you don’t want to register now you can come back at any time.
                    </div>
                </div>
                <div class="registration-confirm-modal__footer">
                    <a href="/" class="cta cta--r-primary ">
                        <p>Leave</p>
                    </a>

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

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

        <div id="modalPopup" class="registration-modal">
            <div class="registration-modal-content-details">
                <h2>Are you sure you want to remove junior ?</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum iste optio fugit totam mollitia? Quisquam impedit, provident ipsa fuga vel aspernatur ipsam unde labore quasi doloremque ea harum, amet possimus?</p>
                <div class="btn-container">
                    <a class="btn-quit" href="" style="text-decoration: none;">QUIT</a>
                    <button class="btn-cancel">CANCEL</button>
                </div>
            </div>
        </div>
    </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>