<ion-content class="themelogin_background" [ngClass]="lang=='ar' ? 'ar' : ''">
  <div class="cab_landing_wrapper">
    <div class="cab_logo">
      <img src="assets/img/logo.png">
    </div>
    <div class="cab_form">
      <div class="cab_form_row">
        <button ion-button class="cab_sign_btn" (click)="open_page('SignupPage')">{{'landing.New User ? Sign up now!'|translate}}</button>
      </div>
      <div class="cab_form_row">
        <button ion-button class="cab_sign_btn1" (click)="open_page('LoginPage')">{{'landing.Sign in'|translate}}</button>
      </div>
      <!-- <div class="cab_form_row textCenter">
        <p (click)="forgot()">Forgot Password</p>
      </div> -->
    </div>
  </div>
</ion-content>
<ion-footer [ngClass]="lang=='ar' ? 'ar' : ''">
  <div class="cab_footer">
    <p>{{'landing.Or Sign in with'|translate}}</p>
    <li (click)="signInWithFB()"><ion-icon name="logo-facebook"></ion-icon></li>
    <li (click)="signInWithGoogle()"><ion-icon name="logo-google"></ion-icon></li>
    <div class="clear"></div>
  </div>
</ion-footer>