POS Front End Updated UI / templates / purchase.html

<div class="navbar-inner ">
    <div class="container">
        <div class="navbar ">
            <!-- HOME BTN -->
            <a class="btn btn-info pull-left" href="/" style="display: inline-block">
                <i class="icon-arrow-left"></i>Home </a>
            <a class="brand" style="margin-left: 250px">&nbsp;&nbsp; Browse Product
            </a>
            <form class="navbar-search">
                &nbsp;&nbsp; <input id="product-search" class="search-query" placeholder="Search Product" style="width: 180px" type="text"> &nbsp;&nbsp
            </form>
            <!-- Shopping cart popover -->
            <a id="shopping-cart-btn" class="btn btn-info pull-right" style="display: inline-block; margin-right: 20px" rel="popover">
                <i class="icon-shopping-cart"></i>Shopping Cart </a>
            <div id="cart-popover-title" class="container row" style="display: none">
                <div class="container row">
                    <div class="col span2">
                        Product Detail
                    </div>
                    <div class="col offset1">
                        Qty
                    </div>
                </div>
            </div>
            <div id="cart-popover-content" style="display: none">
                <div id="cart-items">
                </div>
                <div class="row">
                    <div class="col offset1">
                        <a class="btn btn-small btn-info" id="checkout-btn" href="#checkout" style="display: inline-block">
                            Checkout <i class="icon-arrow-right"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3">
            <br>
            <ul class="nav nav-list affix-top">
                <!--<li class="nav-header">Products Categories</li> -->
                <li class="active"><a href="#" id="all"><br>All
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#" id="shade"><br>Lamp Shades
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#" id="lamp"><br>Lamps
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#" id="trolley"><br>Kitchen Trolleys
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#" id="mirror"><br>Mirrors
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#" id="storage"><br>TV & Storage
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#" id="cord-set"><br>Cord Sets
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#" id="bedframe"><br>Bedframes
                    <i class="icon-chevron-right pull-right"></i></a></li>
            </ul>
        </div>
        <div class="span9">
            <br />
            <!-- Products List ============================================== -->
            <section id="products-list">
            </section>
            <!-- End of table section ============================== -->

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

<div class="container" id="product-modal">
</div>
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.