There are no notes for this item.

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

    <div class="preheader">
        <div class="row">
            <div class="large-8 small-12 columns align-middle">
                <ul>
                    <li class="active"><a href="/" title="Home">Home</a></li>
                    <li><a href="extras/" title="Extras">Extras</a></li>
                    <li><a href="https://docs.modmore.com/en/index.html" title="Documentation">Documentation</a></li>
                    <li><a href="http://demo.modmore.com/" title="Demos">Demos</a></li>
                    <li><a href="https://support.modmore.com/" title="Support">Support</a></li>
                    <li><a href="https://forum.modmore.com/" title="Forum">Forum</a></li>
                    <li><a href="https://sitedash.app/?utm_source=modmoreprenav" title="SiteDash">SiteDash</a></li>
                </ul>
            </div>

            <div class="large-4 small-12 columns header-account-links small-text-center">
                <a href="https://modmore.com/account/" title="Your Account"><img class="userimg" src="//www.gravatar.com/avatar/ec08b93facdaf8489dde4404bc351c01?s=32&amp;d=mm" width="32" height="32" alt="marcjenkins's avatar"> marcjenkins</a>
                <a href="https://modmore.com/extras/purchase/" class="mini-order-summary" title="View your Order"><i class="ss-cart"></i> 2 items € 95.04</a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="large-3 medium-12 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>

        <nav class="large-9 medium-12 small-12 columns">
            <ul>
                <li class="first"><a href="/extras/" title="Powerful Extras for MODX Revolution">Extras</a></li>
                <li><a href="/consults/" title="MODX Consults">Consults</a></li>
                <li><a href="/about/" title="About">About</a></li>
                <li><a href="/blog/" title="Blog">Blog</a></li>
                <li class="last"><a href="/account/" title="Account" data-loggedin="true">Account</a></li>
            </ul>
        </nav>
    </div>

    <div class="row print-only">
        Printed:
        <ul class="B_crumbBox"></ul>
    </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">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 just a few minutes.</p>

            <form class="form small-12 large-8 large-offset-2 column" action="" method="post">
                <div class="form__row">
                    <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__row">
                    <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__row">
                    <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__row">
                    <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__row">
                    <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__row form__actions">
                    <button class="form__button form__button--large" type="submit">Create my new account</button>
                </div>
            </form>
            <p class="u-center">Having trouble? <a href="#">We can help.</a></p>
        </div>
    </div>
</main>

<footer class="page-footer">
    <div class="row">
        <div class="columns small-12 medium-12 large-2">
            <a href="#"><svg role="img" class="logo-footer"><use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use></svg></a>
        </div>
        <div class="columns small-12 medium-4 large-2 large-offset-4">
            <h4>Extras</h4>
            <nav>
                <ul class="footer-nav-list">
                    <li><a href="#">Redactor</a></li>
                    <li><a href="#">ContentBlocks</a></li>
                    <li><a href="#">Commerce</a></li>
                    <li><a href="#">Formalicious</a></li>
                    <li><a href="#">Digital Signage</a></li>
                    <li><a href="#">View All <svg role="img" class="footer-nav-list__arrow"><use xlink:href="/svg/svg-symbols.svg#long-arrow-right"></use></svg></a></li>
                </ul>
            </nav>
        </div>
        <div class="columns small-12 medium-4 large-2">
            <h4>Help</h4>
            <nav>
                <ul class="footer-nav-list">
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Forum</a></li>
                    <li><a href="#">Consults</a></li>
                    <li><a href="#">Documentation</a></li>
                    <li><a href="#">Log Support Ticket</a></li>
                </ul>
            </nav>
        </div>
        <div class="columns small-12 medium-4 large-2">
            <h4>Connect</h4>
            <nav>
                <ul class="footer-nav-list">
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="row u-mt4">
        <div class="columns small-12 large-6">
            <p class="smallprint">© 2013 - 2019 modmore.</p>
            <p class="smallprint">KVK: 52454606 • VAT: NL204136106B01<br> Boeierstraat 64b, 8937BR, Leeuwarden, The Netherlands</p>
        </div>
        <div class="columns small-12 large-6 align-bottom">
            <nav>
                <ul class="footer-nav-horiz">
                    <li><a href="#">Terms of Service</a></li>
                    <li><a href="#">Privacy &amp; Cookies</a></li>
                    <li>
                        <button class="currency-btn" type="button" data-link="current-selector">
							<svg role="img" class="currency-btn__icon"><use xlink:href="/svg/svg-symbols.svg#globe"></use></svg>
							Prices in Euros (&euro;)
						</button>
                        <div class="currency-selector" id="current-selector">
                            <div class="currency-selector__inner">
                                <h2 class="h3">Select your currency:</h2>
                                <ul class="currency-selector__list">
                                    <li><a href="#">USD (&#36;)</a></li>
                                    <li><a href="#">GBP (&pound;)</a></li>
                                    <li><a href="#">RUB (&#8381;)</a></li>
                                    <li><a href="#">CHF (&#67;&#72;&#70;)</a></li>
                                    <li><a href="#">CAD(&#36;)</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
            </nav>

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