<ion-content *ngIf="platform.is('desktop')" class="content-smart">
  <div class="preview-title" *ngIf="pageReady">
    <ion-title>{{ 'hello' | translate }} {{name}}! {{ 'titolo_preview' | translate }}</ion-title>
  </div>
  <div class="content-preview" *ngIf="pageReady">
    <div class="struttura-sel struttura-consulting" tappable>
      <div tappable class="icon" (click)="selectStruttura('consulting')">
        <img src="assets/img/consulting.png" tappable/>
      </div>
      <img src="assets/img/Line2.png"/>
      <div tappable class="section-title" (click)="selectStruttura('consulting')">
          {{ 'consulting' | translate }}
      </div>
    </div>
    <div class="struttura-sel struttura-training" tappable>
      <div tappable class="icon" (click)="selectStruttura('training')">
        <img src="assets/img/training.png" tappable/>
      </div>
      <img src="assets/img/Line2.png"/>
      <div tappable class="section-title" (click)="selectStruttura('training')">
          {{ 'training' | translate }}
      </div>
    </div>
    <div class="struttura-sel struttura-coaching" tappable>
      <div tappable class="icon" (click)="selectStruttura('coaching')">
        <img src="assets/img/coaching.png" tappable/>
      </div>
      <img src="assets/img/Line2.png"/>
      <div tappable class="section-title" (click)="selectStruttura('coaching')">
          {{ 'coaching' | translate }}
      </div>
    </div>
  </div>
</ion-content>

<ion-content *ngIf="!platform.is('desktop')">
  <div class="content-preview-smart" *ngIf="pageReady">
    <ion-row class="struttura-sel-smart struttura-consulting-smart" tappable>
      <div tappable class="icon" (click)="selectStruttura('consulting')">
        <img src="assets/img/consulting.png" tappable/>
      </div>
      <div tappable class="section-title-smart" (click)="selectStruttura('consulting')">
          {{ 'consulting' | translate }}
      </div>
    </ion-row>
    <ion-row class="struttura-sel-smart struttura-training-smart" tappable>
      <div tappable class="icon" (click)="selectStruttura('training')">
        <img src="assets/img/training.png" tappable/>
      </div>
      <div tappable class="section-title-smart" (click)="selectStruttura('training')">
          {{ 'training' | translate }}
      </div>
    </ion-row>
    <ion-row class="struttura-sel-smart struttura-coaching-smart" tappable>
      <div tappable class="icon" (click)="selectStruttura('coaching')">
        <img src="assets/img/coaching.png" tappable/>
      </div>
      <div tappable class="section-title-smart" (click)="selectStruttura('coaching')">
          {{ 'coaching' | translate }}
      </div>
    </ion-row>
  </div>
</ion-content>