-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpayment.html
92 lines (84 loc) · 7.37 KB
/
payment.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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Payment</title>
<link rel="stylesheet" href="styles/pay2.css">
<link rel="shortcut icon" href="https://www.cricbuzz.com/images/cb_favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="stylesheet" href="styles/index.css">
</head>
<body>
<div id="navbar1"></div>
<div id="con2">
<div id="card">
<div>
<div id="img1">
<p><span>←</span>Back</p>
<img id="img" src="data:image/png;base64,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"
alt="">
</div>
<h1>Enter new card</h1>
<div id="pra">
<p>Total Payable Amount </p>
<h2 id="h2">₹999</h2>
</div>
<div class="card1">
<div>
<p>Amount chargeable <br> as per plan</p>
</div>
<div id="id">Up to ₹999</div>
</div>
<div class="card1">
<div>
<p>Start Date</p>
</div>
<div id="date1">15 June 2022</div>
</div>
<div class="card1">
<div>
<p>End Date</p>
</div>
<div id="date2">15 June 2033</div>
</div>
</div>
<div>
<div id="top">
<p class="p">CARDS (CREDIT/DEBIT)</p>
<p class="p">English</p>
</div>
<div>
<p>New Card</p>
<input class="input0" type="number" id="cardnum" placeholder="Enter Card">
</div>
<div id="inp2">
<div>
<p class="p">Expiry</p>
<input class="input" type="number" id="mmyy" placeholder="MM/YY">
</div>
<div>
<p class="p">CVV</p>
<input class="input" type="number" id="cvv" placeholder="Enter CVV">
</div>
</div>
<div id="inp3">
<p class="p">Name on Card</p>
<input class="input0" type="text" value="" id="namecard" placeholder="Enter name as on card">
</div>
<div><label tabindex="5" class="custome_checkbox">
<input type="checkbox" name="siAuthorizeDebit" id="siAuthorizeDebit" value="false" checked="">
<span class="checkmark"></span>
I hereby agree and authorize Cricbuzz to <br>debit my account and set up standing instruction.
<a> Learn more</a>
</label></div>
<button id="proceed">PROCEED</button>
</div>
</div>
</div>
<div></div>
</div>
</body>
</html>
<script type="module" src="scripts/payment.js"></script>