Source

POS Front End Updated UI / templates / checkOut.html

Full commit
<div class="navbar-inner ">
    <div class="container">
        <div class="navbar ">
            <!-- HOME BTN -->
            <a class="btn btn-info pull-left" href="/#purchase" style="display: inline-block">
                <i class="icon-arrow-left"></i>Products </a>
            <a class="brand" style="margin-left: 250px">&nbsp;&nbsp; Checkout </a>

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

<div class="container-fluid">


    <!--order summary -->
    <div class="span3">
        <legend>Order Summary</legend>
        <div id="order-summary">
        </div>
        <div class="row">
            <b class="pull-right" id="total-price">Total $</b>
        </div>
    </div>

    <!--payment information request-->
    <div class="span8">
        <br/>

        <div id="form-container">
            <!--Payment detail form -->
            <div class="row well" style="margin-left: 10px"> 
                <form class="form-horizontal2 " id="payment-form">
                    <legend> Payment detail </legend>
                    <div class="control-group">
                        <label class="control-label" for="inputCC">Credit Card No. </label>
                        <div class="controls">
                            <input type="text" id="inputCC" required placeholder="Credit Card Number">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="inputCW2">CW2/CV2</label>
                        <div class="controls">
                            <input type="text" id="inputCW2" required placeholder="CW2/CV2">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="inputExpiryDate">Expiry Date</label>
                        <div class="controls">
                            <input type="text" id="inputExpiryDate" required placeholder="Credit Card Expiry Date (MMYY)">
                        </div>
                    </div>
                </form>

                <button class="btn offset1  btn-info pull-right" id="step1finish" type="button">Submit payment detail <i class="icon-arrow-right"></i></button>

            </div>
        </div>

    </div>

</div>