<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>
      <div tappable class="section-title" (click)="selectStruttura('immobiliare')">
          {{ 'immobiliare' | translate }}
      </div>
    </div>
    <div class="struttura-sel struttura-creditizia" tappable>
      <div tappable class="icon" (click)="selectStruttura('creditizia')">
        <img src="assets/img/MenuCreditizia.png" tappable/>
      </div>
      <div tappable class="section-title" (click)="selectStruttura('creditizia')">
          {{ 'creditizia' | 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-servizio-smart" tappable>
      <div tappable class="icon" (click)="selectStruttura('servizi')">
        <img src="assets/img/MenuServizi.png" tappable/>
      </div>
      <div tappable class="section-title-smart" (click)="selectStruttura('servizi')">
          {{ 'servizi' | translate }}
      </div>
    </ion-row>
    <ion-row class="struttura-sel-smart struttura-immobiliare-smart" tappable>
      <div tappable class="icon" (click)="selectStruttura('immobiliare')">
        <img src="assets/img/MenuImmobiliare.png" tappable/>
      </div>
      <div tappable class="section-title-smart" (click)="selectStruttura('immobiliare')">
          {{ 'immobiliare' | translate }}
      </div>
    </ion-row>
    <ion-row class="struttura-sel-smart struttura-creditizia-smart" tappable>
      <div tappable class="icon" (click)="selectStruttura('creditizia')">
        <img src="assets/img/MenuCreditizia.png" tappable/>
      </div>
      <div tappable class="section-title-smart" (click)="selectStruttura('creditizia')">
          {{ 'creditizia' | translate }}
      </div>
    </ion-row>
  </div>
</ion-content>