-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcheckout.html
60 lines (49 loc) · 3.18 KB
/
checkout.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
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="checkout-style.css" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checkout - BookNook</title>
</head>
<body>
<div id="loading-message">
Loading... Please Wait
</div>
<div id="main-content">
<div class="name-phone">
<div id="customer-name-display"></div>
<div class="phoneno">
<div style="min-width: 90px;">Phone No:</div><input
style="margin-bottom: 0; background: none; border: none;" type="text" id="phone-number"
name="phone-number" required readonly>
</div>
</div>
<form id="checkout-form">
<div class="orders-div">
<h2>Your Orders</h2>
<div id="orders"></div>
</div>
<div class="address-div">
<label for="delivery-address">Delivery Address:</label>
<input type="text" id="delivery-address" name="delivery-address" value="My Shop" required>
</div>
<div class="address-div">
<label for="remarks">Remarks:</label>
<textarea id="remarks" name="remarks" rows="3"></textarea>
</div>
<div class="order-now-button">
<button id="order-now-button" disabled> <svg style="fill: white;" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" version="1.1" id="Capa_1"
width="800px" height="800px" viewBox="0 0 30.667 30.667" xml:space="preserve">
<g>
<path
d="M30.667,14.939c0,8.25-6.74,14.938-15.056,14.938c-2.639,0-5.118-0.675-7.276-1.857L0,30.667l2.717-8.017 c-1.37-2.25-2.159-4.892-2.159-7.712C0.559,6.688,7.297,0,15.613,0C23.928,0.002,30.667,6.689,30.667,14.939z M15.61,2.382 c-6.979,0-12.656,5.634-12.656,12.56c0,2.748,0.896,5.292,2.411,7.362l-1.58,4.663l4.862-1.545c2,1.312,4.393,2.076,6.963,2.076 c6.979,0,12.658-5.633,12.658-12.559C28.27,8.016,22.59,2.382,15.61,2.382z M23.214,18.38c-0.094-0.151-0.34-0.243-0.708-0.427 c-0.367-0.184-2.184-1.069-2.521-1.189c-0.34-0.123-0.586-0.185-0.832,0.182c-0.243,0.367-0.951,1.191-1.168,1.437 c-0.215,0.245-0.43,0.276-0.799,0.095c-0.369-0.186-1.559-0.57-2.969-1.817c-1.097-0.972-1.838-2.169-2.052-2.536 c-0.217-0.366-0.022-0.564,0.161-0.746c0.165-0.165,0.369-0.428,0.554-0.643c0.185-0.213,0.246-0.364,0.369-0.609 c0.121-0.245,0.06-0.458-0.031-0.643c-0.092-0.184-0.829-1.984-1.138-2.717c-0.307-0.732-0.614-0.611-0.83-0.611 c-0.215,0-0.461-0.03-0.707-0.03S9.897,8.215,9.56,8.582s-1.291,1.252-1.291,3.054c0,1.804,1.321,3.543,1.506,3.787 c0.186,0.243,2.554,4.062,6.305,5.528c3.753,1.465,3.753,0.976,4.429,0.914c0.678-0.062,2.184-0.885,2.49-1.739 C23.307,19.268,23.307,18.533,23.214,18.38z" />
</g>
</svg> <span>Order Now</span> </button>
</div>
</form>
</div>
<script src="checkout-script.js"></script>
</body>
</html>