Checkout

HTML Snippet payment summary

<form>
    <div class="form-group">
        <div class="panel panel-border panel-summary">
            <h2>Payment summary</h2>
            <ul class="summary-list">
                <li class="summary-list__row">
                    <span class="summary-list__key"> Item number 1 </span>
                    <span class="summary-list__value"> £10 </span>
                </li>
                <li class="summary-list__row">
                    <span class="summary-list__key"> Item number 2 </span>
                    <span class="summary-list__value"> £20 </span>
                </li>
                <li class="summary-list__row">
                    <span class="summary-list__key"> Item number 3 </span>
                    <span class="summary-list__value"> £30 </span>
                </li>
                <li class="summary-list__row summary-list__row--total">
                    <span class="summary-list__key"> Total </span>
                    <span class="summary-list__value"> £60 </span>
                </li>
            </ul>
        </div>
    </div>
</form>
            Copy HTML snippet for payment summary