modmore component library

Account Forgotten Password

No notes defined.

<div class="global-container">

    <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>

                    <button class="minicart-summary" type="button" data-link="minicart">
                        <svg role="img" class="minicart-summary__icon">
                            <use xlink:href="/svg/svg-symbols.svg#simplecart"></use>
                        </svg>
                        2 <span class="visually-hidden">items</span>
                    </button>

                    <div class="minicart" id="minicart">
                        <div class="minicart__body">
                            <ul class="minicart__list">
                                <li class="minicart-item">
                                    <div class="minicart-item__product">
                                        <h3 class="minicart-item__name">Commerce Single License</h3>
                                        <p class="minicart-item__quantity">
                                            Quantity: 1
                                        </p>
                                    </div>
                                    <div class="minicart-item__numbers">
                                        <span class="minicart-item__subtotal">€299.00</span>
                                    </div>
                                </li>
                                <li class="minicart-item">
                                    <div class="minicart-item__product">
                                        <h3 class="minicart-item__name">Redactor Subscription</h3>
                                        <p class="minicart-item__quantity">
                                            Quantity: 5
                                        </p>
                                    </div>
                                    <div class="minicart-item__numbers">
                                        <span class="minicart-item__subtotal">€125.00</span>
                                    </div>
                                </li>
                                <li class="minicart-item">
                                    <div class="minicart-item__product">
                                        <h3 class="minicart-item__name">MoreGallery Single License</h3>
                                        <p class="minicart-item__quantity">
                                            Quantity: 1
                                        </p>
                                    </div>
                                    <div class="minicart-item__numbers">
                                        <span class="minicart-item__subtotal">€50.00</span>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="minicart__summary">
                            <div class="minicart__total">
                                <span class="minicart__total-label">Total:</span>
                                <span class="minicart__total-value">€474.00</span>
                            </div>
                        </div>

                        <form class="minicart__footer" method="post" action="checkout/">
                            <input type="hidden" name="checkout" value="1">

                            <div class="btn-group">
                                <a href="cart.html" class="btn btn--secondary">Cart</a>
                                <button type="submit" href="checkout/" class="btn btn--primary">Checkout</button>
                            </div>

                        </form>
                    </div>

                </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-billing-address-select">
        <div class="row">
            <div class="small-12 column">
                <ol class="checkout-progress">
                    <li class="checkout-progress__item checkout-progress__item--done">
                        <a href="#" class="checkout-progress__link">
                            <div class="checkout-progress__indictator">
                                <span>
                                    <svg role="img" class="icon icon--xlarge icon-box__icon">
                                        <use xlink:href="/svg/svg-symbols.svg#tick"></use>
                                    </svg>
                                </span>
                            </div>
                            <p class="checkout-progress__label">Cart</p>
                        </a>
                    </li>
                    <li class="checkout-progress__item checkout-progress__item--done">
                        <a href="#" class="checkout-progress__link">
                            <div class="checkout-progress__indictator">
                                <span>
                                    <svg role="img" class="icon icon--xlarge icon-box__icon">
                                        <use xlink:href="/svg/svg-symbols.svg#tick"></use>
                                    </svg>
                                </span>
                            </div>
                            <p class="checkout-progress__label">Login/Register</p>
                        </a>
                    </li>
                    <li class="checkout-progress__item checkout-progress__item--active">
                        <div class="checkout-progress__indictator"><span></span></div>
                        <p class="checkout-progress__label">Address</p>
                    </li>
                    <li class="checkout-progress__item">
                        <div class="checkout-progress__indictator"><span></span></div>
                        <p class="checkout-progress__label">Payment</p>
                    </li>
                    <li class="checkout-progress__item">
                        <div class="checkout-progress__indictator"><span></span></div>
                        <p class="checkout-progress__label">Success</p>
                    </li>
                </ol>
            </div>
        </div>

        <div class="row row--small">

            <div class="small-12 large-7 column">

                <h1 class="u-mt0">Forgot your passsword?</h1>

            </div>

            <aside class="small-12 large-4 large-offset-1 column">
                <div class="order-summary">

                    <div class="order-summary__header">
                        <h3 class="order-summary__title">Order summary</h3>
                        <a class="order-summary__edit" href="#">Edit</a>
                    </div>

                    <div class="order-summary__body">

                        <div class="order-summary__item">
                            <div class="order-summary__product">
                                <h4 class="order-summary__product-name">1x Commerce</h4>
                                <p class="order-summary__product-description">Single license (Cyber Sale)</p>
                            </div>
                            <div class="order-summary__numbers">
                                <span class="order-summary__price">€299</span>
                            </div>
                        </div>

                        <div class="order-summary__item">
                            <div class="order-summary__product">
                                <h4 class="order-summary__product-name">2x Redactor</h4>
                                <p class="order-summary__product-description">Single license (Cyber Sale)</p>
                            </div>
                            <div class="order-summary__numbers">
                                <span class="order-summary__price">€70</span>
                            </div>
                        </div>

                    </div>

                    <div class="order-summary__totals order-summary-totals">
                        <div class="order-summary-totals__item order-summary-totals__item--subtotal">
                            <span class="order-summary-totals__label">Subtotal:</span>
                            <span class="order-summary-totals__value">€211.20</span>
                        </div>
                        <div class="order-summary-totals__item order-summary-totals__item--vat">
                            <span class="order-summary-totals__label">VAT (20%):</span>
                            <span class="order-summary-totals__value">€42.24</span>
                        </div>
                        <div class="order-summary-totals__item order-summary-totals__item--total">
                            <span class="order-summary-totals__label">Total:</span>
                            <span class="order-summary-totals__value">€253.44</span>
                        </div>
                    </div>

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

        <div class="row checkout-footer">
            <div class="small-12 column">
                <p class="checkout-footer__text">Made with &#9829;<br> Powered by <a href="#">Commerce</a></p>
            </div>
        </div>

</div>
</div>

<footer class="page-footer">
    <div class="row">
        <div class="columns small-12 medium-12 large-3 page-footer__logos">
            <a href="#" class="logo-footer">
                <svg role="img">
                    <use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use>
                </svg>
            </a>

            <a href="https://ecologi.com/modmore" target="_blank" rel="noopener noreferrer" title="View our Ecologi profile" class="logo-ecologi">
                <img alt="We offset our carbon footprint via Ecologi" src="https://toolkit.ecologi.com/badges/cpw/5de10f48ec76db00179cea96?white=true&landscape=true" />
            </a>
        </div>
        <div class="columns small-12 medium-4 large-2 large-offset-3">
            <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="#">Documentation</a></li>
                    <li><a href="#">Contact Support</a></li>
                    <li><a href="#">Premium MODX Support</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 - 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>

</div><!-- /.global-container">
 
/* No context defined. */