
<ion-header>
    
    <ion-toolbar color="dark">
        <ion-buttons  start>
          <button ion-button icon-only color="royal">
            <!-- <ion-icon name="search"></ion-icon> -->
          </button>
        </ion-buttons>
        <ion-title>Apollo Distance Education</ion-title>
        <ion-buttons end>
          <button ion-button icon-only color="light" (click)="logoutalert()">
            <ion-icon name="power" ></ion-icon>
          </button>
        </ion-buttons>
      </ion-toolbar>
 
</ion-header>

<ion-content padding>
  
      <ion-grid>
      <ion-row>
       
         
             <ion-col offset-2>
             <img class="circle-pic" 
             src="{{commonUrl}}images/student/default.jpeg" *ngIf="studentInformation.ProfilePicPath =='' || studentInformation.ProfilePath =='NULL' || studentInformation.ProfilePath =='404'"/>
             <img class="circle-pic" src="{{commonUrl}}/images/{{studentInformation.ProfilePicPath}}" *ngIf="studentInformation.ProfilePicPath !='' || studentInformation.ProfilePath !='NULL'">
             <ion-label style="margin-left:18%;">Welcome  {{studentInformation.Firstname}} !</ion-label>
            </ion-col>
         
        
        </ion-row>
      </ion-grid>
          <ion-card>
            <ion-card-header></ion-card-header>
            <ion-card-content>
          <ion-slides pager="true" loop = "true" *ngIf="announcement && announcement.length" autoplay="5000" class="slideroption"  speed="500" pager="true">
  <ion-slide *ngFor="let annco of announcement">
    <h1>{{annco.Heading}}</h1><br/>
      <span [innerHTML] = "annco.description"></span>
  </ion-slide>
 
</ion-slides>
</ion-card-content>
</ion-card>

     
  
  
</ion-content>