There are no notes for this item.

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

    <div class="row print-only">
        Printed:
        <ul class="B_crumbBox"></ul>
    </div>

</header>

<main class="wrapper checkout page-payment">
    <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 or 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">Billing 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">Download &amp; Install</p>
                </li>
            </ol>
        </div>
    </div>

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

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

            <h1 class="u-mt0">Select your payment method</h1>
            <p>Please choose your preferred payment method below to pay securely online. <br> <a href="#">Terms &amp; Conditions</a> apply to all purchases.</p>

            <form method="POST" action="checkout/?step=payment" class="form">
                <input type="hidden" name="choose_payment_method" value="0">

                <div class="form__row form__check-field">
                    <input type="radio" id="choose_payment_method1" name="choose_payment_method" class="form__check-field-input" value="1" checked="checked" />
                    <label for="choose_payment_method1" class="form__check-field-decor" aria-hidden="true" role="presentation"></label>
                    <label for="choose_payment_method1" class="form__check-field-label">PayPal</label>
                </div>

                <br><br>

                <div class="form__row form__check-field">
                    <input type="radio" id="choose_payment_method2" name="choose_payment_method" class="form__check-field-input" value="2" />
                    <label for="choose_payment_method2" class="form__check-field-decor" aria-hidden="true" role="presentation"></label>
                    <label for="choose_payment_method2" class="form__check-field-label">Authorize.net</label>
                </div>

                <br><br>

                <div class="form__row form__check-field">
                    <input type="radio" id="choose_payment_method3" name="choose_payment_method" class="form__check-field-input" value="3" />
                    <label for="choose_payment_method3" class="form__check-field-decor" aria-hidden="true" role="presentation"></label>
                    <label for="choose_payment_method3" class="form__check-field-label">Bank Transfer</label>
                </div>

                <br><br>

                <div class="form__row form__check-field">
                    <input type="radio" id="choose_payment_method4" name="choose_payment_method" class="form__check-field-input" value="3" />
                    <label for="choose_payment_method4" class="form__check-field-decor" aria-hidden="true" role="presentation"></label>
                    <label for="choose_payment_method4" class="form__check-field-label">Credit Card</label>
                </div>

                <div class="form__row form__actions">
                    <button class="form__button" type="submit">Confirm Address</button>
                </div>
            </form>

        </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>
            <div class="billing-address-sidebar">

                <div class="billing-address-sidebar__header">
                    <h3 class="billing-address-sidebar__title">Billing address</h3>
                    <a class="billing-address-sidebar__edit" href="#">Edit</a>
                </div>

                <div class="billing-address-sidebar__body">
                    <p>Marc Jenkins<br> 14 Abbotswood Close<br> Winyates Green<br> Redditch
                        <br> B98 0QD<br> United Kingdom</p>
                </div>

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

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

    </div>
    </div>

    <footer class="page-footer page-footer--simple">
        <div class="row">
            <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. */