Source

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 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="col span2">
                    Product Detail
                </div>
                <div class="col offset2">
                    Qty
                </div>
            </div>
            <div id="cart-popover-content" style="display: none">
           </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="#all"><br>All
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#tables"><br>Tables
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#chairs"><br>Chairs
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#beds"><br>Beds
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#lightings"><br>Lightings
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#"><br>Cupboards
                    <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>