<div class="row">
    <div class="col-md-9">
        <div class="row">
            <div class="col-sm-3">
                <h1 class="page_heading">
                    INV_330/14
                    <span>October 6 2014</span>
                </h1>
            </div>
            <div class="col-sm-9 text-right">
                <a class="btn btn-sm btn-default btn-outline" href="#">PRINT</a>
                <a class="btn btn-sm btn-default btn-outline" href="#">PDF</a>
                <a class="btn btn-sm btn-danger btn-outline" href="#">DELETE</a>
            </div>
        </div>
        <hr/>
        <div class="row">
            <div class="col-sm-4">
                <h4 class="heading_b"><span class="heading_text">From:</span></h4>
                <address>
                    <strong>Kertzmann-Rohan</strong><br>
                    5807 Moore Shore Suite 872<br>
                    Hartmannshire<br>
                    <abbr title="Phone">P:</abbr> (123) 456-7890
                </address>
            </div>
            <div class="col-sm-4">
                <h4 class="heading_b"><span class="heading_text">To:</span></h4>
                <address>
                    <strong>Gusikowski-Hackett</strong><br>
                    286 Braxton Centers Apt. 712<br>
                    Lake Christopfort<br>
                    <abbr title="Phone">P:</abbr> (123) 456-7890
                </address>
            </div>
            <div class="col-sm-4">
                <div id="invoice_qrcode" class="qrcode" ng-init="qr_base_size=160;qr_text='http://themeforest.net/user/tzd/portfolio'"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <table class="table table-yuk2 table-invoices">
                    <thead>
                        <tr>
                            <th>Description</th>
                            <th class="cw text-center">Quantity</th>
                            <th class="cw text-center">Rate</th>
                            <th class="cw text-center">Amount (USD)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Quibusdam optio deleniti et harum adipisci.</td>
                            <td class="text-center">6</td>
                            <td class="text-center">120</td>
                            <td class="text-center"><strong>720</strong></td>
                        </tr>
                        <tr>
                            <td>Culpa blanditiis architecto blanditiis corporis suscipit.</td>
                            <td class="text-center">2</td>
                            <td class="text-center">78</td>
                            <td class="text-center"><strong>156</strong></td>
                        </tr>
                        <tr>
                            <td>Nobis dolorum et in est.</td>
                            <td class="text-center">10</td>
                            <td class="text-center">43</td>
                            <td class="text-center"><strong>430</strong></td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3" class="text-right text-muted">Subtotal</td>
                            <td class="text-center"><strong>2394.27</strong></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="text-right text-muted">Tax</td>
                            <td class="text-center"><strong>126.00</strong></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="text-right text-muted">Shipping</td>
                            <td class="text-center"><strong>21.49</strong></td>
                        </tr>
                        <tr class="grand_total">
                            <td colspan="3" class="text-right text-muted">Grand Total</td>
                            <td class="text-center text-success"><strong>2639.99</strong></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sep-md">
        <div class="list-group inv_list">
            <a href="javascript:void(0)" class="list-group-item">
                <span class="inv_list_company">Buckridge Inc</span>
                <span class="inv_list_nb">INV_332/14</span>
                <span class="inv_list_date">23/10/2014</span>
            </a>
            <a href="javascript:void(0)" class="list-group-item">
                <span class="inv_list_company">Sipes, Hackett and Zboncak</span>
                <span class="inv_list_nb">INV_331/14</span>
                <span class="inv_list_date">18/10/2014</span>
            </a>
            <a href="javascript:void(0)" class="list-group-item active">
                <span class="inv_list_company">Dietrich Group</span>
                <span class="inv_list_nb">INV_330/14</span>
                <span class="inv_list_date">06/10/2014</span>
            </a>
            <a href="javascript:void(0)" class="list-group-item">
                <span class="inv_list_company">Jenkins, Hilpert and Raynor</span>
                <span class="inv_list_nb">INV_329/14</span>
                <span class="inv_list_date">21/09/2014</span>
            </a>
            <a href="javascript:void(0)" class="list-group-item">
                <span class="inv_list_company">Koss, Ernser and Price</span>
                <span class="inv_list_nb">INV_328/14</span>
                <span class="inv_list_date">14/09/2014</span>
            </a>
            <a href="javascript:void(0)" class="list-group-item">
                <span class="inv_list_company">Jast, Ruecker and Harber</span>
                <span class="inv_list_nb">INV_327/14</span>
                <span class="inv_list_date">02/09/2014</span>
            </a>
        </div>
    </div>
</div>