-
Notifications
You must be signed in to change notification settings - Fork 1
/
Paymentnew.html
73 lines (67 loc) · 3.61 KB
/
Paymentnew.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/e8fa2e31b4.js" crossorigin="anonymous"></script>
<title>Payment Gateway </title>
<link rel="icon"
href="Eduversity\assets\images\logo.png"
type="image/x-icon" />
<link rel="stylesheet" href="paymentnew.css">
</head>
<body>
<div class="container">
<div class="left">
<p>Payment methods</p>
<hr style="border:1px solid #ccc; margin: 0 15px;">
<div class="methods">
<div onclick="doFun()" id="tColorA" style="color: greenyellow;"><i class="fa-solid fa-credit-card" style="color: greenyellow;"></i> Payment by card</div>
<div onclick="doFunA()" id="tColorB"><i class="fa-solid fa-building-columns"></i> Internet banks</div>
<div onclick="doFunB()" id="tColorC"><i class="fa-solid fa-wallet"></i> Apple/Google pay</div>
</div>
<hr style="border:1px solid #ccc; margin: 0 15px;">
</div>
<div class="center">
<a href="https://razorpay.com/payment-gateway/?utm_source=google&utm_medium=cpc&utm_campaign=RPSME-RPPerf-GSearch-Prospect-DWeb-PL-Core&utm_adgroup=PL-Core-Phrase&utm_content=RPSME-PL-010224&utm_term=payment%20link&utm_gclid=&utm_campaignID=17678690844&utm_adgroupID=142207518687&utm_adID=689578550801&utm_network=g&utm_device=c&utm_matchtype=p&utm_devicemodel=&utm_adposition=&utm_location=9301141&gad_source=1&gclid=CjwKCAjw_e2wBhAEEiwAyFFFo0GT1ePbkUt-HLqQF-pWFCzy8X8p-N3a2H4dvh-axEucszvz9naDMhoCIeIQAvD_BwE"><img alt="Credit Card Logos" title="Credit Card Logos" src="https://www.shift4shop.com/images/credit-card-logos/cc-lg-4.png" width="250" height="auto"/></a>
<hr style="border:1px solid #ccc; margin: 0 15px;">
<div class="card-details">
<form>
<p>Card number</p>
<div class="c-number" id="c-number">
<input id="number" class="cc-number" placeholder="Card number" maxlength="19" required>
<i class="fa-solid fa-credit-card" style="margin: 0;"></i>
</div>
<div class="c-details">
<div>
<p>Expiry date</p>
<input id="e-date" class="cc-exp" placeholder="MM/YY" required maxlength="5" required>
</div>
<div>
<p>CVV</p>
<div class="cvv-box" id="cvv-box">
<input id="cvv" class="cc-cvv" placeholder="CVV" required maxlength="3" required>
<i class="fa-solid fa-circle-question" title="3 digits on the back of the card" style="cursor: pointer;"></i>
</div>
</div>
</div>
<div class="email">
<p>Email</p>
<input type="email" placeholder="example@email.com" id="email" required>
</div>
<button>PAY NOW</button>
</form>
</div>
</div>
<div class="right">
<p>Order information</p>
<hr style="border:1px solid #ccc; margin: 0 15px;">
<div class="details">
<div style="font-weight: bold; padding: 3px 0;">Order discription</div>
<div style="padding: 3px 0;">Test payment</div>
</div>
<hr style="border:1px solid #ccc; margin: 0 15px;">
<a href="https://razorpay.com/payment-gateway/?utm_source=google&utm_medium=cpc&utm_campaign=RPSME-RPPerf-GSearch-Prospect-DWeb-PL-Core&utm_adgroup=PL-Core-Phrase&utm_content=RPSME-PL-010224&utm_term=payment%20link&utm_gclid=&utm_campaignID=17678690844&utm_adgroupID=142207518687&utm_adID=689578550801&utm_network=g&utm_device=c&utm_matchtype=p&utm_devicemodel=&utm_adposition=&utm_location=9301141&gad_source=1&gclid=CjwKCAjw_e2wBhAEEiwAyFFFo0GT1ePbkUt-HLqQF-pWFCzy8X8p-N3a2H4dvh-axEucszvz9naDMhoCIeIQAvD_BwE"><img alt="Credit Card Logos" title="Credit Card Logos" src="https://www.shift4shop.com/images/credit-card-logos/cc-lg-4.png" width="100%" height="auto" /></a>
</div>
</div>
<script src="paymentnew.js"></script>
</body>
</html>