POS Front End Updated UI / web / checkOutStep3.html

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <title id="systemName">Mobile POS</title>
        <link href="css/bootstrap.css" rel="stylesheet">
    </head>
    <body>
        <div class="navbar-inner ">
            <div class="container">
                <div class="navbar ">
                    <!-- HOME BTN -->
                    <a class="btn btn-info pull-left" href="checkOut.html" style="display: inline-block">
                        Home </a>
                    <a class="brand" style="margin-left: 250px">&nbsp;&nbsp; Order Summary </a>

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

        <div class="container-fluid">
            </br>
            <div class="row well" style="margin-left:10px">
                <legend>Orders</legend>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Item (Qty) </th>
                            <th>Total Price </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Table lamp base (1) </td>
                            <td>$19.90 </td>
                        <tr>
                    </tbody>
                </table>
                <div class="row pull-right">
                    <h5>Total: $150</h5>
                </div>
            </div>


            <div class="row well" style="margin-left:10px">
                <legend>Your Information</legend>
                Name: Steve Ng
                <br/>Address: Blk 501, Hougang hehee ave 9, #01-11 (530501)
                <br/>Contact No: 96210234
                <br/>Email : xxx

                <br/><br/>
                Credit Card No: xxxxxxxxxxxx1234
                </br>Cw2/Cv2: 9xx
                </br>Expiry date: 27/xx/xx

                <button class="btn   btn-info pull-right" id="btnFinish" type="button">Click here to return home and clear your information</button>
            </div>

        </div>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <script>
            
            $('#btnFinish').click(function() 
            {
                window.location.href = "index.html"; 
            });
            
        </script>
    </body>
</html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.