Source

Mobile POS Front End / web / index.html

Full commit
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title id="systemName">Mobile xxPOS</title>
        <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
    </head>

    <body>
        <div class="container">
            <img id ="mainBanner" />
        </div>

        <div class="container">

            <div class="row" class="span12" id="divMainProductCol"> <!-- start of product search and search result row -->

                <h5> Enter Product ID or name to search </h5>
                <p/>

                <input id="productSearchKey" type="text" placeholder="Product ID or name" class="input-large search-query" >
                <button type="submit" onclick=searchProduct() class="btn" id="btnProductSearch">Search</button>
                <text id="searchErrorMsg" class="text-error">
                <!-- div for displaying of product -->
                <div class="row"  id="divSubProductCol">

                </div>

                <!-- div for displaying of page numberings -->
                <div class ="pagination pagination-centered" id="productPagination"> 

                </div>

            </div> <!--end of product search and search result row -->

            <div class="row">  <!-- start of items added table -->

                <h4> Items added </h4>
                <table class ="table table-striped" style="background-color:white" id="productTable"  >
                    <thead>
                        <tr>
                            <th >Name &nbsp&nbsp&nbsp&nbsp</th>
                            <th>Qty</th>
                            <th>Each</th>
                            <th>Total</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>

                <div class="row"> <!--start of row for displaying of the tax and total -->
                    <div class=" offset10">
                        <h4 id="totalAmt">Total: </h4>
                    </div>
                </div> <!--end of row displaying of tax and total-->

                <br/>

                <div class="row"> <!--start of btm row for pay and remove all product button -->
                    <div class="span3">
                        <button class="btn btn-large btn-danger btn-block" type="button" id="clearFormBtn">Remove all products</button>
                    </div>
                    <div class="span3 offset6">
                        <button class="btn-large btn-block btn-primary span3" type="button" id="PayBtn" > Pay </button>
                    </div>
                </div> <!-- end of btm row for pay and cancel order -->

            </div> <!--end of table added row -->

        </div> <!-- end of container -->

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
        <script src="js/lib/jquery.chromatable.js"></script>
        <script src="js/lib/json2.js"></script>
        <script src="js/lib/jquery.paginate.js"></script>

        <!-- config java script -->
        <script src="js/mainConfig.js"></script>

        <script src="js/index.js"> </script> 
    </body>

</html>