<ion-header>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <ion-navbar color="dark">
     
      
      <ion-buttons end>
          <button ion-button icon-only color="light" (click)="closeModal()">
            <ion-icon name="ios-close" ></ion-icon>
          </button>
        </ion-buttons>
         
      </ion-navbar>
  </ion-header>
  
  <ion-content>
    
      
        
        
          <ion-list>
                <ion-col><h3 text-center>Installment Details</h3></ion-col>
            <ion-item *ngFor="let dueDetails of Coursestatus.InstallmentDetails">
                
              <ion-row>
                <ion-col col-6 text-left>
                       {{dueDetails.Name}}<br/><span style="font-size:12px;">{{dueDetails.DueDate}}</span>
                </ion-col>
                
             <ion-col col-6 text-right>
                <i class="fa fa-inr"></i>{{dueDetails.Amount}}
         </ion-col>
         
              </ion-row>
                 
              </ion-item>
              <ion-list>
                   
                </ion-list>
          </ion-list>
        
          
  </ion-content>
  