-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathcheckout.html
123 lines (111 loc) · 5.07 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
<!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">
<script src="https://kit.fontawesome.com/a53f968ed6.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap" rel="stylesheet">
<title>Cart | 1mg</title>
<link rel="icon" type="image/x-icon" href="https://www.1mg.com/images/tata_1mg_logo.svg">
<link rel="stylesheet" href="checkoutcss/checkout.css">
</head>
<body>
<div id="navbar">
<div id="search_div">
<img src="https://www.1mg.com/images/tata_1mg_logo.svg" alt="">
<div>
<input type="text" name="" id="search" placeholder="Search for Medicines and Health Products">
<button id="btn"> <i class="fa-solid fa-magnifying-glass"></i> </button>
</div>
</div>
<div>
<a href="">Need Help?</a>
</div>
</div>
<div id="container">
<div id="left">
<h3></h3>
<div id="append">
</div>
</div>
<div id="right">
<div id="care_plane">
<img src="https://onemg.gumlet.io/image/upload/v1625657833/ekjkxafxcqqg0oinr3fu.png" alt="">
<br>
<span class="span1">You can save extra ₹ 41 on this order</span>
<p>Become a member</p>
<span class="span2">Care plan membership ₹ 165 <s>₹ 549</s>/3 months </span><br>
<div class="btn">
<button>Know More</button>
<button>Add to cart</button>
</div>
<div id="coupon">
<div>
<img src="https://res.cloudinary.com/du8msdgbj/image/upload/v1607414999/marketing/cvtnx1zh5we6atn3m7i0.svg" alt="">
<span>Apply Coupon</span>
</div>
<span><i class="fa-solid fa-circle-chevron-right"></i></span>
</div>
</div>
<div id="check">
<h3>Check The health of your vital organs</h3>
<input type="checkbox" name="" id="check1">
<span>Book Good Health Silver Package for just ₹649</span>
<p>
Get the tests done easily from your home. This package will help you in identifying potential disorders and deficiencies at an early stage.
<br>
<span>Pay latar on home sample collection</span>
</p>
</div>
<div>
<div id="amt">
<div id="total" >
<p>Item Total(MRP)</p>
<p id="MRP">0</p>
</div>
<div id="discount">
<p>Price Discount</p>
<p id="dct">0</p>
</div>
<div id="shipping">
<p>Shipping Fee</p>
<p id="charges">0</p>
</div>
<div>
<div class="payment">
<h3 class="h3">To be paid</h3>
<h3 id="total_pay">0</h3>
</div>
</div>
<div id="saving">
<p>Total Savings</p>
<h3 id="save">0</h3>
</div>
</div>
</div>
<div>
<button id="checkout_btn">CHECKOUT</button>
</div>
</div>
</div>
<div id="footer">
<div>
<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 <a href="">terms and conditions</a>.
</p>
</div>
<div>
<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>
**Coupon Discount value may change if the total order value changes.
<br>
***Items in your cart will always reflect the most recent price as compared to the prices in their product detail page.
</p>
</div>
</div>
</body>
</html>
<script src="cartscript/checkout.js" type="module"></script>