first commit
This commit is contained in:
@@ -0,0 +1,80 @@
|
||||
<!--
|
||||
Authors : initappz (Rahul Jograna)
|
||||
Website : https://initappz.com/
|
||||
App Name : E-Learning App Template
|
||||
This App Template Source code is licensed as per the
|
||||
terms found in the Website https://initappz.com/license
|
||||
Copyright and Good Faith Purchasers © 2021-present initappz.
|
||||
-->
|
||||
<ion-header mode="ios" class="ion-no-border">
|
||||
<ion-toolbar>
|
||||
<ion-buttons slot="start" (click)="onBack()">
|
||||
<ion-button>
|
||||
<ion-icon name="arrow-back-outline"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
<ion-title>Payment</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content class="ion-padding">
|
||||
|
||||
<ion-label class="head_text">Choose payment methods</ion-label>
|
||||
|
||||
<div class="flex">
|
||||
<div style="display: flex; align-items: center;">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/paypal.png)'"></div>
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">Paypal</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ion-label class="connect">Connected</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div style="display: flex; align-items: center;">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/google.png)'"></div>
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">Google Pay</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ion-label class="connect">Connected</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div style="display: flex; align-items: center;">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/apple.png)'"></div>
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">Apple Pay</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ion-label class="connect">Connected</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div style="display: flex; align-items: center;">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/visa.png)'"></div>
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">**** **** **** 8998</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ion-label class="connect">Connected</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ion-content>
|
||||
|
||||
<ion-footer>
|
||||
<ion-toolbar>
|
||||
<div class="button" (click)="onAddCard()">
|
||||
<ion-label class="text"> Add New Card</ion-label>
|
||||
</div>
|
||||
</ion-toolbar>
|
||||
</ion-footer>
|
||||
Reference in New Issue
Block a user