-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathpayment.html
157 lines (149 loc) · 4.83 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<link
href="https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap"
rel="stylesheet"
/>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
crossorigin="anonymous"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<title>Kimaye</title>
<link rel="stylesheet" href="info.css" />
</head>
<body>
<div id="container">
<div id="information">
<a href="index.html">
<img
width="250px"
height="70px"
src="https://cdn.shopify.com/s/files/1/0449/5225/6667/files/website-logo.png?14577"
alt="kimaye"
/>
</a>
<p>Information > Shipping > payment</p>
<div id="address">
<div class="contact">
<p>Contact</p>
<p>vipinawd115@gmail.com</p>
<p><a href="http://127.0.0.1:5500/info.html">change</a></p>
</div>
<div class="contact">
<p>Ship to</p>
<p>mumbai, 400001 Mumbai MH, India</p>
<p><a href="http://127.0.0.1:5500/info.html">change</a></p>
</div>
<div class="contact">
<p>Method</p>
<p>Free Shipping</p>
<p>Free</p>
</div>
</div>
<div>
<h3>Payment</h3>
<p>All transactions are secure and encrypted</p>
</div>
<div class="payment_box">
<div class="payment_header">
<img
src="https://cdn.shopify.com/s/files/applications/e273f27d4c4fa65fc8e2af05e552f04e.png?height=24&1637057371"
alt="razorpay"
/>
<i class="fab fasj-cc-visa master"></i>
<i class="fab fasj-cc-mastercard master"></i>
<i class="fab fasj-cc-amex master"></i>
<i class="fab fasj-cc-paypal master"></i>
</div>
<div class="blank_slate">
<img
height="150px"
width="150px"
src="https://tse4.mm.bing.net/th?id=OIP.j_VaaDll6z7S-qyF-Utm_wHaHa&pid=Api&P=0&w=300&h=300"
alt="credit icon"
/>
<p>
After clicking “Complete order”, you will be redirected to
Razorpay (Cards, UPI, NetBanking, Wallets, Paypal) to complete
your purchase securely.
</p>
</div>
</div>
<div>
<h3>Billing address</h3>
<p>Select the address that matches your card or payment method</p>
<div id="billing">
<div class="method">
<label for="">
<input type="radio" />
<span>same as billing address</span>
</label>
</div>
<div class="method">
<label for="">
<input type="radio" />
<span>Use different method for billing</span>
</label>
</div>
</div>
</div>
<div id="continue_to_payment">
<input type="submit" value="Complete order" id="btn" />
<a href="http://127.0.0.1:5500/info.html">Return to information</a>
</div>
<div id="rights">
<hr />
<p>All rights reserved Kimaye</p>
</div>
</div>
<div id="product">
<table id="table">
<tr>
<td>
<img class="grapeimg"
height="70px"
width="70px"
src=""
alt="prod"
/>
</td>
<td class="grapefruit"></td>
<td class="total_cost1">₹<span id="priceoff"></span></td>
</tr>
</table>
<hr />
<div id="discount">
<input type="text" placeholder="Enter discount code" />
<button class="promobutton">Apply</button>
</div>
<hr />
<div id="subtotal">
<p>subtotal</p>
<p class="total_cost2">₹<span id="priceoff1"></span></p>
</div>
<div id="shipping">
<p>shipping</p>
<p>Free above Rs. 300</p>
</div>
<hr />
<div id="total">
<p>Total</p>
<p class="rate total_cost3">₹<span id="priceoff2"></span></p>
</div>
</div>
</div>
</body>
</html>
<script src="payment.js"></script>