diff --git a/src/app/views/enrolment/student/student.component.html b/src/app/views/enrolment/student/student.component.html
index a7fd4cc..6d94d62 100644
--- a/src/app/views/enrolment/student/student.component.html
+++ b/src/app/views/enrolment/student/student.component.html
@@ -91,12 +91,12 @@
                                 <td>{{app.studentName}}</td>
                                 <td>{{app.fatherName}}</td>
                                 <td>{{app.mobile}}</td>
-                                <td>{{app.course}} / {{app.univ}}</td>
+                                <td>{{app.course}} / {{app.univ}}</td>   
                                 <td>{{app.sem}}</td>
                                 <td>{{app.batch}}</td>
                                 <td>
                                     <span *ngIf="app.status == 1" style="line-height: 0.1;">Active</span>
-                                    <span *ngIf="app.status == 0" style="line-height: 0.1;">In-Active</span>
+                                     <span *ngIf="app.status == 0" style="line-height: 0.1;">In-Active</span>
                                 </td>
                                 <td>
                                     <i class="fa fa-edit line-height-table" tooltip="Edit" (click)="editDocuments()"></i>                                    |
diff --git a/src/app/views/study-material/study-material/study-material.component.html b/src/app/views/study-material/study-material/study-material.component.html
index 78e8b1e..62f934e 100644
--- a/src/app/views/study-material/study-material/study-material.component.html
+++ b/src/app/views/study-material/study-material/study-material.component.html
@@ -1,5 +1,5 @@
- <div class="animated fadeIn">
- <div class="col-md-12">
+ <div class="col-lg-12" *ngIf="!show">
+ 
  <div class="card"> 
          <div class="card-header">
                     <i class="fa fa-align-justify"></i> Study Materials Details
@@ -57,7 +57,7 @@
                     </div>
                     <br>
                    
-	 <div class="row">
+	               <div class="row">
                         <div class="col-md-4">
                             <div class="input-prepend input-group">
                                 <span class="input-group-addon">
@@ -66,7 +66,7 @@
                                 <input id="search" class="form-control" type="text" placeholder="search">
                             </div>
                         </div>
-                        </div>
+                    </div>
                         <br>
                          <!--<div class="row">
                          <div class="col-md-4">
@@ -91,48 +91,19 @@
           </tr>
         </thead>
         <tbody>
-          <tr>
+        <tr *ngFor="let app of studyMaterialDetails">
             
-            <td>Batch A</td>
-			<td>1st Sem / 2018</td>
-            <td>MCA</td>
-            
-			<td>10</td>
-            <td>10</td>
-       <td><a href="#">10</a></td>
-		
-          </tr>
-          <tr>
-            
-            <td>Batch B</td>
-			<td>2nd Sem / 2018</td>
-            <td>MBA</td>
-            <td>15</td>
-            <td>15</td>
-       <td><a href="#">15</a></td>
-			
-          </tr>
-          <tr>
-           
-            <td>Batch C</td>
-			<td>3rd Sem / 2019</td>
-            <td>BE</td>
-            <td>20</td>
-            <td>18</td>
-       <td><a href="#">18</a></td>
-		
-          </tr>
-          <tr>
-           
-            <td>Batch D</td>
-		     	<td>4th Sem / 2019</td>
-            <td>DE</td>
-            
-			<td>34</td>
-            <td>34</td>
-       <td><a href="#">34</a></td>
-		
+            <td>{{app.batch}}</td>
+           <td>{{app.sem}}</td>
+         <td>{{app.course}}</td>
+        <td>{{app.Registerforms}}</td>
+        <td>{{app.paidforms}}</td> 
+         <td style="color:blue;"><a (click)="myModal.show(); getModelWindowDetails(app,'answerBooklet')">{{app.receivedmaterial}} </a></td>
+       
           </tr>
+         
+         
+         
           
         </tbody>
       </table>
@@ -159,5 +130,71 @@
 </div>
     <!--/.col-->
   </div>
-
+  </div>
+<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
+        <div class="modal-content">
+            <div class="modal-header">
+                <strong>Student List</strong>
+                <h4 class="modal-title" *ngIf="modelType == 'markCard'"> Mark Card Status</h4>
+                <h4 class="modal-title" *ngIf="modelType == 'answerBooklet'"> Answer Booklet Status</h4>
+                <button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+            </div>
+            <div class="modal-body">
+                <div class="container">
+                    <table class="table table-bordered table-responsive">
+                        <thead>
+                            <tr>
+                                <th>Form ID</th>
+                                <th>Student Name</th>
+                                <th>Batch Name</th>
+                                <th>Session</th>
+                                
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>Form001</td>
+                                <td>Vikram</td>
+                                <td><b>{{ modelType | uppercase }} </b> Batch A</td>
+                                <td>1st/2018</td>
+                               
+                            </tr>
+                             <tr>
+                                <td>Form002</td>
+                                <td>Raj</td>
+                                <td><b>{{ modelType | uppercase }} </b> Batch A</td>
+                                <td>1st/2018</td>
+                              
+                            </tr>
+                             <tr>
+                                 <td>Form003</td>
+                                <td>John</td>
+                                <td><b>{{ modelType | uppercase }} </b> Batch A</td>
+                                <td>1st/2018</td>
+                               
+                            </tr>
+                             <tr>
+                                <td>Form004</td>
+                                <td>Karthik</td>
+                                <td><b>{{ modelType | uppercase }} </b> Batch A</td>
+                                <td>1st/2018</td>
+                               
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
+                <!--<button type="button" class="btn btn-primary">Save</button>-->
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->
   
\ No newline at end of file
diff --git a/src/app/views/study-material/study-material/study-material.component.ts b/src/app/views/study-material/study-material/study-material.component.ts
index 7ff1f5d..f4959f3 100644
--- a/src/app/views/study-material/study-material/study-material.component.ts
+++ b/src/app/views/study-material/study-material/study-material.component.ts
@@ -10,35 +10,40 @@ export class StudyMaterialComponent implements OnInit {
   public myModal;
   public myModalData;
   studyMaterialDetails: any;
-  constructor() { }
+  constructor() { }   
   ngOnInit(){
        this.studyMaterialDetails = [
       {
-        applicationId: '1',
-        details: 'xyz',
-        univ: 'kr university',
+        batch: 'Batch A',
+       sem:'1st Sem/2018',
         course: 'B.com',
-        total: '12',
-        status: '1'
+      Registerforms: '30',
+        paidforms: '30',
+        receivedmaterial: '30'
       },
       {
-        applicationId: '2',
-        details: 'xyz',
-        univ: 'kr university',
+        batch: 'Batch A',
+       sem:'2st Sem/2018',
         course: 'B.Sc',
-        total: '12',
-        status: '1'
+      Registerforms: '12',
+        paidforms: '10',
+         receivedmaterial: '10'
       },
       {
-        applicationId: '3',
-        details: 'xyz',
-        univ: 'kr university',
+        batch: 'Batch A',
+       sem:'3st Sem/2019',
+       
         course: 'MCA',
-        total: '12',
-        status: '0'
+      Registerforms: '16',
+        paidforms: '16',
+        receivedmaterial: '16'
       }
     ]
   }
+  save()
+  {
+    alert('hai');
+  }
 
   getModelWindowDetails(stuCent) {
     this.myModalData = stuCent||null;