Mobile POS Front End / web / index.html

<!DOCTYPE html>
        <meta charset="utf-8">
        <title id="systemName">Mobile xxPOS</title>
        <link href="css/bootstrap.css" rel="stylesheet">

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

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

                <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 for displaying of page numberings -->
                <div class ="pagination pagination-centered" id="productPagination"> 


            </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"  >
                            <th >Name &nbsp&nbsp&nbsp&nbsp</th>

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


                <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 class="span3 offset6">
                        <button class="btn-large btn-block btn-primary span3" type="button" id="PayBtn" > Pay </button>
                </div> <!-- end of btm row for pay and cancel order -->

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

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

        <!-- jQuery via Google + local fallback, see -->
        <script src="js/lib/jquery-1.8.2.min.js"></script>
        <!-- Bootstrap JS: compiled and minified -->
        <script src="js/lib/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>