                    <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">
                                        <script>
                                            gr_code_data = {
                                                'baseSize' : 160,
                                                'qrText' : 'http://themeforest.net/user/tzd/portfolio'
                                            };
                                        </script>
                                    </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>
