bambang dipangkas

<div class="custom_layer" *ngIf="!isLoaded">
</div>
<ion-header>
  <!--<ion-navbar [ngStyle]="navStyle">-->
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu">
      <ion-badge mode="ios" color="danger" class="notif_badge" id="mybadgestop" style="color:white; visibility: hidden">
      </ion-badge>
      </ion-icon>
    </button>
    <ion-title text-center text-uppercase>
      <img style="width: 125px; vertical-align: bottom;" src="assets/img/logo_white-red.png"/>
    </ion-title>
  </ion-navbar>
  <!-- <ion-row *ngIf="notifOrder" id="orderStyle">
    <ion-col col-12 id="gone">
      <button ion-button icon left block (tap)="generatePage()">
      <ion-icon name="time"></ion-icon>
      <p style="position: relative; left:1vw;">You Have Some Order Over Here</p>
      <div class="buttonStyle">
      Click Here
      </div>
      </button>
    </ion-col>
  </ion-row> -->
</ion-header>

<ion-content padding class="disable-pointer pagehome">

<!-- <div class="titleimg"><img src="assets/img/logo.png"></div> -->
<div class="slider-50">
  <ion-slides *ngIf=" ad_banner && ad_banner.length && adBannerReady " #adSlider [pager]="true" [speed]="500" [autoplay]="5000" (ionSlideAutoplayStop)="startAutoplay($event)" class="slider-50 enable-pointer">
    <ion-slide *ngFor="let slide of ad_banner">
      <img *ngIf=" setLang == 'en' " [src]="slide.img" class="slide-image"/>
      <img *ngIf=" setLang == 'km' " [src]="slide.img_km" class="slide-image"/>
      <img *ngIf=" setLang == 'cn' " [src]="slide.img_cn" class="slide-image"/>
    </ion-slide>
  </ion-slides>
</div>

<!-- <h6 *ngIf="setLang != 'km' " text-center class="needs"> {{"gox.home_needs"|translate}}
</h6>

<h6 *ngIf="setLang == 'km' " text-center class="needs_km"> {{"gox.home_needs"|translate}}
</h6> -->

<!-- <div>&nbsp;</div> -->

<ion-grid style="padding: 0px !important;">

<!-- WITH X-FOOD and X-EMERGENCY-->
<div style="">
<ion-row class="home-maxheight">
  <ion-col col-4 class="col_grid top_left">
    <div text-center>
    <img tappable class="enable-pointer" src="assets/img/x-transport2.png" style="width : auto; max-width: 100px; height : 8vh; max-height: 100px; padding: 3px;" (click)="mmenu('TRANSPORT')" />
    <div class="home-text" style="font-size: 15px; padding-top: 5px"> {{"gox.x_transport"|translate}} </div>
    </div>
  </ion-col>

  <ion-col col-4 class="col_grid top_middle">
    <div text-center>
    <img tappable class="enable-pointer" src="assets/img/x-delivery.png" style="width : 8vh; max-width: 100px; height : 8vh; max-height: 100px" (click)="mmenu('DELIVERY')" />
    <div class="home-text" style="font-size: 15px; padding-top: 5px"> {{"gox.x_delivery"|translate}} </div>
    </div>
  </ion-col>

  <ion-col col-4 class="col_grid top_right">
    <div text-center>
    <img tappable class="enable-pointer" src="assets/img/x-shopping.png" style="width : 8vh; max-width: 100px; height : 8vh; max-height: 100px" (click)="mmenu('SHOPPING')" />
    <div class="home-text" style="font-size: 15px; padding-top: 5px"> {{"gox.x_shopping"|translate}} </div>
    </div>
  </ion-col>
</ion-row>

<div class="ghost_padding"></div>

<ion-row class="home-maxheight">
  <ion-col col-4 class="col_grid bottom_left">
    <div text-center>
    <img tappable class="enable-pointer" src="assets/img/x-food-beta.png" style="width : 8vh; max-width: 100px; height : 8vh; max-height: 100px" (click)="mmenu_xfood()">
    <div class="home-text" style="font-size: 15px; padding-top: 5px">{{"gox.x_food"|translate}}</div>
    </div>
  </ion-col>

  <ion-col col-4 class="col_grid bottom_middle">
    <div text-center>
    <img tappable class="enable-pointer" src="assets/img/x-emergency2.png" style="width: auto; max-width: 100px; height : 8vh; max-height: 100px; padding: 5px;" (click)="mmenu_xemergency()" />
    <div class="home-text" style="font-size: 15px; padding-top: 5px"> {{"gox.x_emergency"|translate}} </div>
    <!-- <div class="home-text" style="font-size: 15px; padding-top: 5px; color:red">[{{"gox.coming_soon"|translate}}]</div> -->
    </div>
  </ion-col>
  <ion-col class="col_grid bottom_right">
    <div text-center>
    <img tappable class="enable-pointer" src="assets/img/x-mart-beta.png" style="width : 8vh; max-width: 100px; height : 8vh; max-height: 100px" (click)="mmenu_xmart()" />
    <div class="home-text" style="font-size: 15px; padding-top: 5px">{{"gox.x_mart"|translate}} </div>
    </div>
  </ion-col>
</ion-row>

<div class="ghost_padding"></div>

<ion-row class="home-maxheight">
  <ion-col col-4 class="col_grid bottom_left">
    <div text-center>
    <img tappable class="enable-pointer" src="assets/img/x-mart-beta.png" style="width : 8vh; max-width: 100px; height : 8vh; max-height: 100px" (click)="mmenu_xmall()">
    <div class="home-text" style="font-size: 15px; padding-top: 5px">{{"gox.x_mall"|translate}}</div>
    </div>
  </ion-col>
</ion-row>
<ion-row><div>&nbsp;</div></ion-row>
<ion-row><div>&nbsp;</div></ion-row>
</div>

</ion-grid>

</ion-content>

 <!-- <ion-footer>
  <ion-toolbar>
  <button (click)="reference()" ion-button block large>
    <div *ngIf=" setLang == 'km' " style="white-space: normal;">
      <a class="ref_text_km">{{"gox.label_reference"|translate}}</a> <br> <a class="ref_subtext_km">{{"gox.label_and_earn"|translate}}</a> <a class="ref_subtext_km">{{amount_money}}</a>
    </div>

    <div *ngIf=" setLang != 'km' " style="white-space: normal;">
      <a class="ref_text">{{"gox.label_reference"|translate}}</a> <br> <a class="ref_subtext">{{"gox.label_and_earn"|translate}}</a> <a class="ref_subtext">{{amount_money}}</a>
    </div>
  </button>
  </ion-toolbar>
 </ion-footer> -->