-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcheckout.html
124 lines (113 loc) · 3.68 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
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
<!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">
<link rel="stylesheet" href="./styles/checkoutnew.css">
<title>Cart</title>
</head>
<body>
<!-- navbar -->
<div id="navbar">
<div>
<a href="index.html"><img class="logo" src="https://i.ibb.co/PgBWbvX/Screenshot-20221109-142252.pngg" alt=""/></a>
</div>
<div><input type="text" placeholder="Search for Medicines and Health Products"></div>
<div><h5>Need Help?</h5></div>
</div>
<!-- navbar-end -->
<!-- <div id="page-title"><p>Order Summary</p></div> -->
<div id="whole">
<!-- containers section -->
<div id="container">
<!-- First Container -->
<div>
<h4>Items NOT Requiring Prescription: (<span id="total-items1"></span>)</h4>
<div id="AllProd"></div>
</div>
<br>
<br>
<div>
<h4>Items Requiring Prescription: (<span id="total-items2"></span>)</h4>
<div id="AllMeds"></div>
</div>
<!-- footer -->
<div class="footer-text">
<hr />
<p>
Tata 1mg is a technology platform to facilitate transaction of business. The products and services are offered for sale by the sellers. The user authorizes the delivery personel to be his agent for delivery of the goods. For details read terms and conditions.
</p>
</div>
</div>
<!-- Second Container -->
<div id="second-container">
<!-- <p>Select Address</p> -->
<div>
<p>Fill Address</p>
<h4 class="orange">CHANGE</h4>
</div>
<!-- second container full details -->
<div>
<div id="address-details">
<!-- type your content here-->
<input id="add" type="text" placeholder="Delivery Address">
<br>
<br>
<p>4, Mili, T H Kataria Mrg, Goa Portugis Hotel, Mahim</p>
<p>DELHI</p>
</div>
<div>
</div>
<div id="price-details">
<div>
<p>Item Total</p>
<h5 id="total-mrp">₹<span id="prod-total"></span></h5>
</div>
<div>
<p>Price Discount</p>
<h5><span id="prod-discount"></span></h5>
</div>
<div>
<p>Shipping Fee</p>
<h5>₹0</h5>
</div>
<div>
<h5>To be paid</h5>
<h5>₹<span id="paid-price"></span></h5>
</div>
<div>
<p>Total Savings</p>
<h5>₹<span id="saved">246</span></h5>
</div>
</div>
</div>
<div id="checkout">
<div id="payment-btn"><p>PROCEED TO PAYMENT</p></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="https://kit.fontawesome.com/7e4208235c.js"
crossorigin="anonymous"
></script>
<script src="./scripts/checkout.js" type="module"></script>
<!-- <div class="footer-text">
<hr />
<p>
*NeuCoins will be credited 7 days after your complete order is
delivered in case of Products and in case of Lab Services NeuCoins
will be credited within 24 hours from the time of generation of
test report. NeuCoins will not be credited in case a return
request is initiated for the order. NeuCoins are rounded to the
nearest integer and the value of NeuCoins earned may change if
total order value changes.
<br /><br />**Coupon Discount value may change if the total order
value changes. <br /><br />
***Items in your cart will always reflect the most recent price as
compared to the prices in their product detail page.
</p>
</div> -->