-
Notifications
You must be signed in to change notification settings - Fork 0
/
checkout.html
100 lines (90 loc) · 3.39 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
<!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" />
<title>Document</title>
<script src="https://kit.fontawesome.com/673d24dcfe.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style/checkout.css" />
</head>
<body>
<nav id="navbar">
<div id="flipkart-logo" onclick="toindex()">
<img src="https://static-assets-web.flixcart.com/www/linchpin/fk-cp-zion/img/flipkart-plus_8d85f4.png" alt="" />
<a href="">Explore <span>Plus</span>
<img src="https://static-assets-web.flixcart.com/www/linchpin/fk-cp-zion/img/plus_aef861.png" alt=""
width="10px" />
</a>
</div>
</nav>
<div id="cart">
<div id="leftcart">
<div id="leftcart1">
<div id="leftcart11" class="top">Mobile Number<i class="fa-solid fa-check" id="tick"></i></div>
<div id="leftcart14">
<input id="leftcart12" type="number"></input>
<button id="leftcart13" onclick="c1()">Continue</button>
</div>
<div>
</div>
</div>
<div id="leftcart2">
<div id="leftcart21" class="top">DELIVERY ADDRESS<i class="fa-solid fa-check" id="tick"></i></div>
<div id="leftcart22">
<input class="i1" type="text" placeholder="Name">
<input class="i2" type="Number" placeholder="10-digit mobile number">
<input class="i3" type="number" placeholder="Pincode">
<input class="i4" type="text" placeholder="Locality">
<textarea class="i5" placeholder=" Address (Area and Street)"></textarea>
<input class="i6" type="text" placeholder="City/District/Town">
<input class="i7" type="text" placeholder="State">
<input class="i8" type="Text" placeholder="Landmark (Optional)">
<input class="i9" type="number" placeholder="Alternate Phone (Optional)">
</div>
<div class="bottom" id="b1">
<button onclick="c2()">Continue</button>
</div>
</div>
<div id="leftcart3">
<div id="leftcart31" class="top">ORDER SUMMERY<i class="fa-solid fa-check" id="tick"></i></div>
<div id="leftcart32"></div>
<div class="bottom" id="b2">
<button onclick="c3()">Continue</button>
</div>
</div>
<div id="leftcart4">
<div id="leftcart41" class="top">PAYMENT OPTIONS<i class="fa-solid fa-check" id="tick"></i></div>
<div id="leftcart42">
<input class="p1" type="number" placeholder="Card Number">
<input class="p2" type="date" placeholder="Expiry Date">
<input class="p3" type="number" placeholder="CVV">
</div>
<div class="bottom" id="b3">
<button onclick="c4()">Pay Now</button>
</div>
</div>
</div>
<div id="rightcart">
<div id="rightcart1">PRICE DETAILS</div>
<div id="rightcart2">
<div>Price</div>
<div id="a1"></div>
</div>
<div id="rightcart4">
<div>Delivery Charges</div>
<div id="a3" style="color: rgb(14, 138, 14); font-size: 16px">
Free
</div>
</div>
<div id="rightcart5">
<div>Total Payable</div>
<div id="a4"></div>
</div>
<div id="rightcart6">
</div>
</div>
</div>
</body>
</html>
<script src="script/checkout.js"></script>