CHIEFSOFT\ameye
85 lines
2.4 KiB
HTML
85 lines
2.4 KiB
HTML
<!--
|
|
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-icon name="ellipse-outline"></ion-icon>
|
|
</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-icon name="ellipse-outline"></ion-icon>
|
|
</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-icon name="ellipse-outline"></ion-icon>
|
|
</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-icon name="radio-button-on-outline" color="primary"></ion-icon>
|
|
</div>
|
|
</div>
|
|
|
|
<ion-button expand="full" class="add_button" shape="round" (click)="onAddCard()">
|
|
Add New Card
|
|
</ion-button>
|
|
|
|
</ion-content>
|
|
|
|
<ion-footer>
|
|
<ion-toolbar>
|
|
<div class="button" (click)="onCourses()">
|
|
<ion-label class="text">Enroll</ion-label>
|
|
</div>
|
|
</ion-toolbar>
|
|
</ion-footer>
|