forked from Ajay-bhagal/team_12
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpayment.html
128 lines (123 loc) · 6.76 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<html>
<head>
<title>Payment</title>
<link rel="stylesheet" href="payment.css" />
<link rel="icon" href="https://th.bing.com/th/id/OIP.hwhAzr40Lm_D2HK9mmnWvgAAAA?w=173&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7">
</head>
<body>
<div id="for_otp">
<div id="parent">
<div id="payment_option">
<div>
<hr/>
<h2>Payment Options</h2>
<table>
<thead></thead>
<tbody>
<tr>
<td><input type="radio"></td>
<td><label for="">Cradit/Debit/Overstock Card</label></td>
</tr>
<tr><td colspan="2"><img src="Capture.PNG" alt=""></td></tr>
</tbody>
</table>
<!-- <input type="radio">
<label for="">Cradit/Debit/Overstock Card</label> -->
<div id="card" class="border2">
<div>
<input id="c_number" type="text" placeholder="Card Number" />
</div>
<div id="card_date">
<div>
<div class="card_lft_mrgn">Exp Month</div>
<div class="card_lft_mrgn">
<select name="" id="">
<option value="Jan">Jan</option>
<option value="Feb">Feb</option>
<option value="Mar">Mar</option>
<option value="Apr">Apr</option>
<option value="May">May</option>
<option value="Jun">Jun</option>
<option value="Jul">Jul</option>
<option value="Aug">Aug</option>
<option value="Sep">Sep</option>
<option value="Oct">Oct</option>
<option value="Nov">Nov</option>
<option value="Dec">Dec</option>
</select>
</div>
</div>
<div>
<div class="card_lft_mrgn">Exp Yr</div>
<div class="card_lft_mrgn">
<select name="" id="">
<option value="">2022</option>
<option value="">2023</option>
<option value="">2024</option>
<option value="">2025</option>
<option value="">2026</option>
<option value="">2027</option>
<option value="">2028</option>
<option value="">2029</option>
<option value="">2030</option>
<option value="">2031</option>
<option value="">2032</option>
<option value="">2033</option>
<option value="">2034</option>
<option value="">2035</option>
<option value="">2036</option>
<option value="">2037</option>
<option value="">2038</option>
<option value="">2039</option>
<option value="">2040</option>
<option value="">2041</option>
</select>
</div>
</div>
<div style="padding-top: 8px;">
<input id="cvv" type="number" placeholder="CVV">
</div>
</div>
</div>
<br>
<div><img src="Capture2.PNG" alt=""></div>
</div>
</div>
<div id="price_details">
<div>
<div id="promo" class="border">
<h2>Add a Promo Code</h2>
<input id="promo_code" type="text" placeholder="Enter promo code" />
<button id="apply">Apply</button>
</div>
<div id="discount" class="border">
<p >You saved ₹<span class="dis1">0</span> today!</p>
<div> <!--make the div grid-temp-columns -->
<div>
<h4><span id="itm"></span> Items:</h4>
<P>Sale Savings:</P>
<h4>Subtotal:</h4>
<hr/>
<p>Shipping:</p>
<h3>Your Total:</h3>
</div>
<div>
<h4>₹<span id="mrp">0</span></h4>
<P class="red">-₹<span class="dis2">0</span></P>
<h4>₹<span class="sell_p1">0</span></h4>
<hr/>
<h4>FREE</h4>
<h3>₹<span class="sell_p2">0</span></h3>
</div>
</div>
<div id="sbmt_div">
<button id="submit">Submit Order</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="payment.js"></script>
</html>