Account Log In

<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">Log in to modmore</h1>
                <p class="u-center">Enter your username and password below<br> to access your account.</p>

                <div class="small-12 large-10 large-offset-1 column">
                    <form class="form" action="" method="post">
                        <div class="form-field">
                            <label for="username" class="form__label">Username</label>
                            <input type="text" name="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" id="password" autocapitalize="none" autocorrect="off" class="form__input-field" required />
                        </div>
                        <div class="form-field form-field-checkbox">
                            <label for="remember">
                                <input type="checkbox" name="remember" id="remember" value="1" checked="checked">
                                <span>Stay logged in</span>
                            </label>
                        </div>
                        <div class="form-actions">
                            <button class="form-button form-button--center" type="submit">Log in</button>
                        </div>
                    </form>
                    <p class="u-center u-m0"><a href="#">Forgotten your password?</a></p>

                    <div class="u-center">
                        <h2 class="h4 u-mt4 c-base">Don’t have an account yet?</h2>
                        <a href="#" class="form-button form-button--border">Create an account</a>
                    </div>
                </div>
            </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> Correspondence: Mark Hamstra, Tijnjedyk 19, Unit 8531, 8934 BT, 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>