There are no notes for this item.

<div class="global-container">

    <header class="siteheader siteheader--simple" id="top">

        <div class="row">
            <div class="small-12 columns">
                <a href="https://modmore.com/" class="logo">
                    <svg role="img">
                        <use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use>
                    </svg>
                    <span class="visually-hidden">modmore</span>
                </a>
            </div>
        </div>

    </header>

    <main class="wrapper checkout page-account">
        <div class="row row--small">
            <div class="small-12 large-6 large-offset-3 column u-mb3">
                <h1 class="u-mt1 u-center c-base">Create an account</h1>
                <p class="u-center">You’ll need to create an account to use our Premium Extras and access the forum. Creating an account takes a few minutes.</p>

                <form class="form small-12 large-10 large-offset-1 column" action="" method="post">
                    <div class="form-field">
                        <label for="username" class="form__label">Username</label>
                        <input type="text" name="username" placeholder="Your desired username" id="username" class="form__input-field" value="" autocorrect="off" required />
                    </div>
                    <div class="form-field">
                        <label for="password" class="form__label">Password</label>
                        <input type="password" name="password" placeholder="Your password" id="password" autocapitalize="none" autocorrect="off" class="form__input-field" required />
                    </div>
                    <div class="form-field">
                        <label for="password" class="form__label">Confirm password</label>
                        <input type="password" name="password" placeholder="Confirm your password" id="password" autocapitalize="none" autocorrect="off" class="form__input-field" required />
                    </div>
                    <div class="form-field">
                        <label for="fullname" class="form__label">Full name</label>
                        <input type="text" name="fullname" placeholder="Full name" id="fullname" class="form__input-field" value="" autocorrect="off" required />
                    </div>
                    <div class="form-field">
                        <label for="email" class="form__label">Email address</label>
                        <input type="text" name="email" id="email" class="form__input-field" placeholder="Enter your email address…" value="" autocorrect="off" required />
                    </div>
                    <div class="form-field form-field-checkbox">
                        <label for="newsletter">
                            <input type="checkbox" name="newsletter" id="newsletter" value="0" checked="checked">
                            <span><strong>Subscribe to our monthly newsletter</strong> and get modmore news and releases via email</span>
                        </label>
                    </div>
                    <div class="form-actions">
                        <button class="form-button form-button--center" type="submit">Create my account</button>
                    </div>
                </form>
                <p class="u-center">Having trouble?<br> <a href="#">We can help.</a></p>
            </div>
        </div>
    </main>

    <footer class="page-footer page-footer--simple">
        <div class="row">
            <div class="columns small-12 large-6">
                <p class="smallprint">© 2013 - 2020 modmore.</p>
                <p class="smallprint">KVK: 52454606 • VAT: NL001103641B07<br> Oenemastate 14, 8926PR, Leeuwarden, The Netherlands</p>
            </div>
            <div class="columns small-12 large-6 align-bottom">
                <nav>
                    <ul class="footer-nav-horiz">
                        <li>
                            <span>Change currency:</span>
                            <select title="Select a currency" aria-label="Select a currency" style="width: auto;" id="currencySelector" class="currency-selector">
                                <option value="EUR">EUR</option>
                                <option value="USD">USD</option>
                                <option value="GBP">GBP</option>
                                <option value="RUB">RUB</option>
                                <option value="CHF">CHF</option>
                                <option value="CAD">CAD</option>
                            </select>
                        </li>
                        <li><a href="#">Terms of Service</a></li>
                        <li><a href="#">Privacy &amp; Cookies</a></li>
                    </ul>
                </nav>

            </div>
        </div>
    </footer>
/* No context defined for this component. */