<div class="body-bg"></div>
<main ng-if="$pageFinishedLoading" ng-class="{ 'menu-collapsed': $baSidebarService.isMenuCollapsed() }">

    <ba-sidebar></ba-sidebar>
    <page-top></page-top>

    <div class="al-main">
        <div class="al-content">
            <content-top></content-top>
            <div ba-panel ba-panel-class="profile-page">
                <div class="panel-content">
                    <!-- <div class="progress-info">Your profile is 70% Complete</div>
                     <div class="progress">
                         <div class="progress-bar progress-bar-primary progress-bar-striped active" role="progressbar"
                              aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                         </div>
                     </div>-->

                    <h3 class="with-line">Bill Info</h3>


                    <div class="row">
                        <div class="col-md-2"></div>

                        <div class="col-md-3"><h3>Amount Due：<span style="color:#ec4844"
                                                             count-to="100"
                                                             value="0"
                                                             duration="1"></span></h3></div>
                        <div class="col-md-2"></div>

                        <div class="col-md-3"><h3>Balance：<span style="color:#00b0e8"
                                                             count-to="0"
                                                             value="100"
                                                             duration="1"></span></h3></div>
                        <div class="col-md-2"></div>

                    </div>


                </div>

                <br/>

                <h3 class="with-line">Payment Instructions</h3>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="section-block col-md-5">
                        <h5 class="list-header">B2C</h5>
                        <ul class="blur">
                            <li>For personal bank accounts only</li>
                            <li>Supports multiple banks</li>
                            <li>SMS based authentication</li>
                        </ul>
                    </div>
                    <div class="section-block col-md-5">
                        <h5 class="list-header">B2B</h5>
                        <ul class="blur">
                            <li>For corporate bank accounts only</li>
                            <li>Supports multiple banks</li>
                            <li></li>
                        </ul>

                    </div>
                    <div class="col-md-1"></div>


                </div>

                <h3 class="with-line">Choose Method</h3>

                <br/>
                <div class="row">
                    <div class="col-md-2"></div>
                    <button class="btn btn-default btn-lg col-md-3 btn-info" data-toggle="modal"
                            ng-click="open('app/pages/payonline/modalTemplates/basicModal.html')"><span
                            style="color:#ffffff;">B2C</span></button>
                    <div class="col-md-2"></div>
                    <button class="btn btn-default btn-lg col-md-3 btn-info"><span
                            style="color:#ffffff;">B2b</span></button>
                    <div class="col-md-2"></div>


                </div>
                <script></script>


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


    <footer class="al-footer clearfix">
        <div class="al-footer-right">lightningroood 2016</div>
        <div class="al-footer-main clearfix">
            <div class="al-copy"></div>
            <!--<ul class="al-share clearfix">
                <li><i class="socicon socicon-facebook"></i></li>
                <li><i class="socicon socicon-twitter"></i></li>
                <li><i class="socicon socicon-google"></i></li>
                <li><i class="socicon socicon-github"></i></li>
            </ul>-->
        </div>
    </footer>

    <back-top></back-top>
</main>

<div id="preloader" ng-show="!$pageFinishedLoading">
    <div></div>
</div>
