POS Front End Updated UI / templates / checkOutStep2.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">
                        <i class="icon-arrow-left"></i>Payment detail </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 class="row">
                    <div class="col span1">
                        <img class="img-rounded" src="http://www.placehold.it/60x60">
                    </div>
                    <div class="col span2">
                        Product Name 
                        </br>Price: $165
                        </br>Quantity: 
                    </div>
                </div>
                <br/>
                <div class="row">
                    <div class="col span1">
                        <img class="img-rounded" src="http://www.placehold.it/60x60">
                    </div>
                    <div class="col span2">
                        Product Name 
                        </br>Price: $165
                        </br>Quantity: 
                    </div>
                </div>
                <br/>
                <div class="row">
                    <b class="pull-right">Total $500</b>
                </div>
            </div>

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



                <!--Delivery detail form -->
                <div class="row well" style="margin-left: 10px"> 
                    <form class="form-horizontal2 ">
                        <legend> Customer detail </legend>
                        <div class="control-group">
                            <label class="control-label" for="inputName">Name </label>
                            <div class="controls">
                                <input type="text" id="inputName" placeholder="Name">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputAdd">Address</label>
                            <div class="controls">
                                <input type="text" id="inputAdd" placeholder="Address">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputContact">Contact No:</label>
                            <div class="controls">
                                <input type="text" id="inputContact" placeholder="Contact Number">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Email</label>
                            <div class="controls">
                                <input type="text" id="inputEmail" placeholder="Email">
                            </div>
                        </div>
                        <button class="btn offset1  btn-info pull-right" id="btnFinish" type="button">Submit customer detail <i class="icon-arrow-right"></i></button>
                    </form>
                </div>
            </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 = "checkOutStep3.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.