Index: controltower/html/invoiceBilling/content-container.html
===================================================================
diff -u -re8aadfefc6774afb3e4e7fdead9b3588853a084c -r43b06592741e58a9a5dbff60f9a6d8fd83f1e4c4
--- controltower/html/invoiceBilling/content-container.html	(.../content-container.html)	(revision e8aadfefc6774afb3e4e7fdead9b3588853a084c)
+++ controltower/html/invoiceBilling/content-container.html	(.../content-container.html)	(revision 43b06592741e58a9a5dbff60f9a6d8fd83f1e4c4)
@@ -1,40 +1,172 @@
-<section class="pricing-section bg-7">
-    <div class="pricing pricing--norbu">
-        <div class="pricing__item">
-            <h3 class="pricing__title">Beginner Savers</h3>
-            <p class="pricing__sentence">For people who are starting out in the water saving business</p>
-            <div class="pricing__price"><span class="pricing__currency">$</span>19<span class="pricing__period">/ month</span></div>
-            <ul class="pricing__feature-list">
-                <li class="pricing__feature">Free water saving e-book</li>
-                <li class="pricing__feature">Free access to forums</li>
-                <li class="pricing__feature">Beginners tips</li>
-            </ul>
-            <button class="pricing__action">Choose plan</button>
-        </div>
-        <div class="pricing__item pricing__item--featured">
-            <h3 class="pricing__title">Advanced Savers</h3>
-            <p class="pricing__sentence">For experienced water savers who'd like to push their limits</p>
-            <div class="pricing__price"><span class="pricing__currency">$</span>29<span class="pricing__period">/ month</span></div>
-            <ul class="pricing__feature-list">
-                <li class="pricing__feature">Free water saving e-book</li>
-                <li class="pricing__feature">Free access to forums</li>
-                <li class="pricing__feature">Advanced saving tips</li>
-            </ul>
-            <button class="pricing__action">Choose plan</button>
-        </div>
-        <div class="pricing__item">
-            <h3 class="pricing__title">Pro Savers</h3>
-            <p class="pricing__sentence">For all the professionals who'd like to educate others, too</p>
-            <div class="pricing__price"><span class="pricing__currency">$</span>79<span class="pricing__period">/ month</span></div>
-            <ul class="pricing__feature-list">
-                <li class="pricing__feature">Access to all books</li>
-                <li class="pricing__feature">Unlimited board topics</li>
-                <li class="pricing__feature">Beginners tips</li>
-            </ul>
-            <button class="pricing__action">Choose plan</button>
-        </div>
+<div class="row">
+    <div class="col-md-12">
+        <section class="widget">
+            <div class="body no-margin">
+                <div class="row">
+                    <div class="col-sm-6 col-print-6">
+                        <img src="../arms/img/313_logo.png" alt="Logo" class="invoice-logo"/>
+                    </div>
+                    <div class="col-sm-6 col-print-6">
+                        <div style="margin-top: 60px;">
+                            <div class="invoice-number text-align-right">
+                                #4346345 - 2024/05/07
+                            </div>
+                            <div class="invoice-number-info text-align-right">
+                                Some Invoice number description or whatever
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <hr>
+                <div class="row">
+                    <section class="pricing-section bg-7">
+                        <div class="pricing pricing--norbu">
+                            <div class="pricing__item">
+                                <h3 class="pricing__title">Beginner Savers</h3>
+                                <p class="pricing__sentence">For people who are starting out in the water saving business</p>
+                                <div class="pricing__price"><span class="pricing__currency">$</span>19<span class="pricing__period">/ month</span></div>
+                                <ul class="pricing__feature-list">
+                                    <li class="pricing__feature">Free water saving e-book</li>
+                                    <li class="pricing__feature">Free access to forums</li>
+                                    <li class="pricing__feature">Beginners tips</li>
+                                </ul>
+                                <button class="pricing__action">Choose plan</button>
+                            </div>
+                            <div class="pricing__item pricing__item--featured">
+                                <h3 class="pricing__title">Advanced Savers</h3>
+                                <p class="pricing__sentence">For experienced water savers who'd like to push their limits</p>
+                                <div class="pricing__price"><span class="pricing__currency">$</span>29<span class="pricing__period">/ month</span></div>
+                                <ul class="pricing__feature-list">
+                                    <li class="pricing__feature">Free water saving e-book</li>
+                                    <li class="pricing__feature">Free access to forums</li>
+                                    <li class="pricing__feature">Advanced saving tips</li>
+                                </ul>
+                                <button class="pricing__action">Choose plan</button>
+                            </div>
+                            <div class="pricing__item">
+                                <h3 class="pricing__title">Pro Savers</h3>
+                                <p class="pricing__sentence">For all the professionals who'd like to educate others, too</p>
+                                <div class="pricing__price"><span class="pricing__currency">$</span>79<span class="pricing__period">/ month</span></div>
+                                <ul class="pricing__feature-list">
+                                    <li class="pricing__feature">Access to all books</li>
+                                    <li class="pricing__feature">Unlimited board topics</li>
+                                    <li class="pricing__feature">Beginners tips</li>
+                                </ul>
+                                <button class="pricing__action">Choose plan</button>
+                            </div>
+                        </div>
+                    </section>
+                </div>
+                <hr>
+                <section class="invoice-info well">
+                    <div class="row">
+                        <div class="col-sm-6 col-print-6">
+                            <h4 class="details-title">Company Information</h4>
+                            <h3 class="company-name font14" style="font-weight: bold">
+                                (주) 313DEVGRP
+                            </h3>
+                            <address>
+                                <strong>Dongmin.Lee</strong><br>
+                                313 B/D Dosan-daero, Gangnam-gu, Seoul, Republic of Korea<br>
+                                06021<br>
+                                <abbr title="Work email">e-mail:</abbr> <a href="mailto:#">313cokr@gmail.com</a><br>
+                                <abbr title="Work Phone">phone:</abbr> (010) 5093-7313<br>
+                                <abbr title="Work Web">website:</abbr> https://www.313.co.kr<br>
+                            </address>
+                        </div>
+                        <div class="col-sm-6 col-print-6 client-details">
+                            <h4 class="details-title">Client Information</h4>
+                            <h3 class="client-name font14" style="font-weight: bold">
+                                (주) KaKao Entertainment
+                            </h3>
+                            <address>
+                                <strong>Gisu.Gwon</strong><br>
+                                231, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Republic of Korea<br>
+                                13494<br>
+                                <abbr title="Work email">e-mail:</abbr> <a href="mailto:#">finance@kakao.com</a><br>
+                                <abbr title="Work Phone">phone:</abbr> (010) 1234-5678<br>
+                                <abbr title="Work Web">website:</abbr> https://kakaoent.com
+                            </address>
+                        </div>
+                    </div>
+                </section>
+                <table class="table table-bordered table-striped">
+                    <thead>
+                    <tr>
+                        <th>#</th>
+                        <th>Item</th>
+                        <th class="hidden-xs">Description</th>
+                        <th>Quantity</th>
+                        <th class="hidden-xs">Price per Unit</th>
+                        <th>Total</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>ARMS</td>
+                        <td class="hidden-xs">Docker Swarm Cluster ( Standalone ) - RMS Solution</td>
+                        <td>1</td>
+                        <td class="hidden-xs">20,000,000 ₩ (KRW)</td>
+                        <td>20,000,000.00 ₩ (KRW)</td>
+                    </tr>
+                    <tr>
+                        <td>2</td>
+                        <td>ControlTower</td>
+                        <td class="hidden-xs">DevOps Platform Solution</td>
+                        <td>1</td>
+                        <td class="hidden-xs">0₩ (KRW)</td>
+                        <td>0.00</td>
+                    </tr>
+                    <tr>
+                        <td>3</td>
+                        <td>JSTF</td>
+                        <td class="hidden-xs">Java Service Framework ( MEMDB, RDB, SearchEngine )</td>
+                        <td>1</td>
+                        <td class="hidden-xs">0₩ (KRW)</td>
+                        <td>0.00</td>
+                    </tr>
+                    </tbody>
+                </table>
+                <div class="row"
+                     style="margin-top: 20px;">
+                    <div class="col-sm-6 col-print-6">
+                    </div>
+                    <div class="col-sm-6 col-print-6">
+                        <div class="row text-align-right">
+                            <div class="col-xs-2"></div> <!-- instead of offset -->
+                            <div class="col-xs-5">
+                                <p>Subtotal</p>
+                                <p>Tax(10%)</p>
+                                <p class="no-margin"><strong>Total</strong></p>
+                            </div>
+                            <div class="col-xs-5">
+                                <p>20,000,000.00 ₩ (KRW)</p>
+                                <p>2,000,000.00 ₩ (KRW)</p>
+                                <p class="no-margin"><strong>22,000,000.00 ₩ (KRW)</strong></p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div    class="invoice-actions text-align-right hidden-print"
+                        style="margin-top: 20px;">
+                    <button id="print" class="btn btn-inverse">
+                        <i class="fa fa-print"></i>
+                        &nbsp;&nbsp;
+                        Print
+                    </button>
+                    <button class="btn btn-danger">
+                        <i class="fa fa-arrow-right"></i>
+                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        Proceed with Payment
+                    </button>
+                </div>
+            </div>
+        </section>
     </div>
-</section>
+</div>
+
+
 <style>
     /* Common styles */