diff --git a/Apollo/assets/views/student/studentPaymentModal.html b/Apollo/assets/views/student/studentPaymentModal.html
new file mode 100644
index 00000000..696c5ee7
--- /dev/null
+++ b/Apollo/assets/views/student/studentPaymentModal.html
@@ -0,0 +1,207 @@
+<!-- start: UI BOOTSTRAP MODALS -->
+<div class="container-fluid container-fullw bg-grey">
+    <!-- /// controller:  'ModalDemoCtrl' -  localtion: assets/js/controllers/bootstrapCtrl.js /// -->
+    <div ng-controller="studentModalDemoCtrl">
+        <div class="row">
+            <div class="col-md-12">
+
+               <!-- <script type="text/ng-template" id="assets/views/student/studentPaymentModal.html">
+
+                                               <div class="modal-header">
+                                                   <h4 class="modal-title">{{items1.FeesName}} Details</h4>
+                                               </div>
+                                               <div class="modal-body">
+                                                   <table class="table">
+                                                       <thead>
+                                                       <tr>
+                                                           <th>Bill NO</th>
+                                                           <th>Bill Amount</th>
+                                                           <th>Bill Date</th>
+                                                       </tr>
+                                                       </thead>
+                                                       <tbody>
+                                                       <tr ng-repeat="v in items1.paidDetails">
+                                                           <td>{{v.BillNO}}</td>
+                                                           <td>{{v.BillAmount}}</td>
+                                                           <td>{{v.BillDate}}</td>
+
+                                                       </tr>
+
+                                                   </table>
+
+
+
+
+
+                                               </div>
+                                               <div class="modal-footer">
+                                                   <button class="btn btn-danger btn-sm" ng-click="cancel()">Cancel</button>
+                                               </div>
+                                           </script>-->
+
+
+
+
+
+                        <table class="table">
+                            <thead>
+                            <tr>
+                                <th>Bill NO</th>
+                                <th>Bill Amount</th>
+                                <th>Bill Date</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            <tr ng-repeat="v in items1.paidDetails">
+                                <td>{{v.BillNO}}</td>
+                                <td>{{v.BillAmount}}</td>
+                                <td>{{v.BillDate}}</td>
+
+                            </tr>
+
+                        </table>
+                        <!-- <h5 class="over-title margin-bottom-15">UI Bootstrap <span class="text-bold">Modals</span></h5>
+                         <p>
+                             $modal is a service to quickly create AngularJS-powered modal windows. Creating custom modals is straightforward: create a partial view, its controller and reference them when using the service.
+                         </p>
+                         <script type="text/ng-template" id="assets/views/student/studentDetailsModal.html">
+                             <div class="modal-header">
+                                 <h3 class="modal-title">I'm a modal!</h3>
+                             </div>
+                             <div class="modal-body">
+                                 <ul>
+                                     <li ng-repeat="item in items">
+                                         <a ng-click="selected.item = item">{{ item }}</a>
+                                     </li>
+                                 </ul>
+                                 Selected: <b>{{ selected.item }}</b>
+                             </div>
+                             <div class="modal-footer">
+                                 <button class="btn btn-primary" ng-click="ok()">OK</button>
+                                 <button class="btn btn-primary btn-o" ng-click="cancel()">Cancel</button>
+                             </div>
+                         </script>-->
+                        <!--<div class="row">
+                            <div class="col-lg-4 col-md-4 col-sm-6">
+                                <div class="panel panel-transparent">
+                                    <div class="panel-heading">
+                                        <div class="panel-title">
+                                            Default Modal
+                                        </div>
+                                    </div>
+                                    <div class="panel-body">
+                                        <p class="margin-bottom-30">
+                                            Toggle a modal by clicking the button below. It will slide down and fade in from the top of the page.
+                                        </p>
+                                        <button class="btn btn-primary btn-o pull-right" ng-click="open()">
+                                            Open Deafult Modal
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-lg-4 col-md-4 col-sm-6">
+                                <div class="panel panel-transparent">
+                                    <div class="panel-heading">
+                                        <div class="panel-title">
+                                            Large Modal
+                                        </div>
+                                    </div>
+                                    <div class="panel-body">
+                                        <p class="margin-bottom-30">
+                                            Modals have a large optional size, available by setting option <code>size: 'lg'</code> in the method <code>open(options)</code>
+                                        </p>
+                                        <button class="btn btn-primary btn-o pull-right" ng-click="open1('lg')">
+                                            Open Large Modal
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-lg-4 col-md-4 col-sm-6">
+                                <div class="panel panel-transparent">
+                                    <div class="panel-heading">
+                                        <div class="panel-title">
+                                            Small Modal
+                                        </div>
+                                    </div>
+                                    <div class="panel-body">
+                                        <p class="margin-bottom-30">
+                                            Modals have a small optional size, available by setting option <code>size: 'sm'</code> in the method <code>open(options)</code>
+                                        </p>
+                                        <button class="btn btn-primary btn-o pull-right" ng-click="open('sm')">
+                                            Open Small Modal
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div ng-show="selected" class="margin-top-15 text-small">
+                            Selection from a modal: {{ selected }}
+                        </div>-->
+                </div>
+
+
+
+
+
+
+                <!--<div class="row">
+                    <div class="col-lg-4 col-sm-6">
+                        <div class="panel panel-transparent">
+                            <div class="panel-heading">
+                                <div class="panel-title">
+                                    Default Modal
+                                </div>
+                            </div>
+                            <div class="panel-body">
+                                <p class="margin-bottom-30">
+                                    Toggle a modal by clicking the button below. It will slide down and fade in from the top of the page.
+                                </p>
+                                <button class="btn btn-primary btn-o pull-right" ng-click="open()">
+                                    Open Deafult Modal
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6">
+                        <div class="panel panel-transparent">
+                            <div class="panel-heading">
+                                <div class="panel-title">
+                                    Large Modal
+                                </div>
+                            </div>
+                            <div class="panel-body">
+                                <p class="margin-bottom-30">
+                                    Modals have a large optional size, available by setting option <code>size: 'lg'</code> in the method <code>open(options)</code>
+                                </p>
+                                <button class="btn btn-primary btn-o pull-right" ng-click="open1('lg')">
+                                    Open Large Modal
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6">
+                        <div class="panel panel-transparent">
+                            <div class="panel-heading">
+                                <div class="panel-title">
+                                    Small Modal
+                                </div>
+                            </div>
+                            <div class="panel-body">
+                                <p class="margin-bottom-30">
+                                    Modals have a small optional size, available by setting option <code>size: 'sm'</code> in the method <code>open(options)</code>
+                                </p>
+                                <button class="btn btn-primary btn-o pull-right" ng-click="open('sm')">
+                                    Open Small Modal
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>-->
+
+            </div>
+        </div>
+    </div>
+</div>
+<!-- end: UI BOOTSTRAP MODALS -->
+
+