-
Notifications
You must be signed in to change notification settings - Fork 2
/
emptyCart.html
98 lines (98 loc) · 8.14 KB
/
emptyCart.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cart</title>
<link rel="stylesheet" href="cartLogin.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<div class="pageBody" id="pageBody">
<div class="cartNavbar">
<div class="logo">
<img src="https://cdn.decathlon.in/_next/static/images/logo-93d12d8cff484ab736d2a39f15bf66d8.svg"/>
</div>
<div class="cartOption">
<div>
<label for="cart">Cart</label>
<input type="radio" value="cart">
</div>
<div>
<label for="address">Address & Delivery</label>
<input type="radio" value="address">
</div>
<div>
<label for="payment">Payment</label>
<input type="radio" value="payment">
</div>
</div>
<div class="rightLogo">
<div>
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy40MjciIGhlaWdodD0iNDMuODcxIiB2aWV3Qm94PSIwIDAgMzcuNDI3IDQzLjg3MSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2YyNjYwMDtzdHJva2U6I2YyNjYwMDt9LmJ7ZmlsbDojMDA4MWM2O3N0cm9rZTojMDA4MWM2O308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTczNy41IC0yNC41KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc1MCAzNykiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIj48cGF0aCBjbGFzcz0iYSIgZD0iTS40MzMsMTkuNzExYS40NTEuNDUxLDAsMCwxLS4yNzctLjFBLjQ2LjQ2LDAsMCwxLDAsMTkuMjc3VjkuNzRhLjQzMy40MzMsMCwwLDEsLjM1NS0uNDMzbDExLjY1Mi0yLjFhLjQ0Mi40NDIsMCwwLDEsLjM1NS4wODcuNDUxLjQ1MSwwLDAsMSwuMTQ3LjMzOHY5LjUzN2EuNDMzLjQzMywwLDAsMS0uMzU1LjQzM0wuNTEyLDE5LjdaTS44NjcsMTAuMDd2OC42N2wxMC43NzctMS45MjVWOC4xNDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjk1OCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTMuMzEzLDguMzU4YS40MzMuNDMzLDAsMCwxLS40MzMtLjQzM1YzLjc2M2EzLjc2MywzLjc2MywwLDEsMSw3LjUyNSwwVjYuNjc2YS40NDIuNDQyLDAsMCwxLS40MzMuNDMzLjQzMy40MzMsMCwwLDEtLjQzMy0uNDMzVjMuNzYzYTIuOSwyLjksMCwwLDAtNS43OTIsMFY3LjkyNEEuNDMzLjQzMywwLDAsMSwzLjMxMyw4LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjM4MyAwKSIvPjwvZz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTczOCAyNSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTguMjA5LDQyLjg1OUMxNi4zNTQsNDIuODU5LDAsMzUuNDE4LDAsOC43YS43MzkuNzM5LDAsMCwxLC41NjktLjczOUMuNjk1LDcuOTQ5LDEzLjMsNC45LDE3LjY3Ny4yMTlhLjczOS43MzksMCwwLDEsMS4wNzIsMGM0LjQsNC42OTMsMTcsNy43MywxNy4xMDgsNy43NmEuNzM5LjczOSwwLDAsMSwuNTY5LjczOUMzNi40MjYsMzUuNDE4LDIwLjA3MSw0Mi44NTksMTguMjA5LDQyLjg1OVpNMS40NzgsOS4yNzJDMS43MDcsMzQuMSwxNi41MjQsNDEuMzM3LDE4LjIxNiw0MS4zODFTMzQuNzMzLDM0LjEsMzQuOTQ4LDkuMjcyQzMyLjQ1Nyw4LjYzNiwyMi43LDUuOTA5LDE4LjIwOSwxLjc2MywxMy43MjMsNS45MDksMy45NjgsOC42MzYsMS40NzgsOS4yNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDExKSIvPjwvZz48L2c+PC9nPjwvc3ZnPg=="/>
</div>
<div class="rightLogoText">
<p>100%</p>
<p>SECURE PAYMENT</p>
</div>
</div>
</div>
<div class="cartBodyContainer">
<div class="cartBody">
<div class="cartImg">
<img src="https://cdn.decathlon.in/_next/static/images/cart-empty-f5957296fcc29441a35bd50dda22ee00.svg"/>
</div>
<div class="cartText" >
<p><h2>Missing Cart Items?</h2></p>
<!-- <p>Login to see items you added previously</p> -->
</div>
<div class="cartButton">
<!-- <div>
<button class="blueBtn">LOGIN</button>
</div> -->
<div>
<button class="whiteBtn" onclick="changelocation()">CONTINUE SHOPPING</button>
</div>
</div>
<div class="copyright">
<p>© 2020 - Decathlon Sports India</p>
</div>
</div>
</div>
</div>
<div class="loginCard" id="loginCard">
<div class ="topSection">
<div class="closeBtn">
<button id="closeBtn"><i style="font-size: 18px;" class="fas fa-times"></i></button>
</div>
</div>
<div class="bottomSection">
<div class="bottomLeft">
<h3>LOGIN</h3>
<p>Get <br/>access to <br/>personalised <br/>shopping experience</p>
<div class="loginImg">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTIuNjg1IiBoZWlnaHQ9IjEzNy40NzUiIHZpZXdCb3g9IjAgMCAxMTIuNjg1IDEzNy40NzUiPgogIDxnIGlkPSJHcm91cF8zMDMiIGRhdGEtbmFtZT0iR3JvdXAgMzAzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0My4zOTUgLTIyNy41MjUpIj4KICAgIDxnIGlkPSJBc3NldF8ybG9nbyIgZGF0YS1uYW1lPSJBc3NldCAybG9nbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcwOC4zOTUgMjQxLjUyNSkiPgogICAgICA8ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTY1IC0xNCkiPgogICAgICAgIDxwYXRoIGlkPSJQYXRoXzkyMSIgZGF0YS1uYW1lPSJQYXRoIDkyMSIgZD0iTTEuOCw2Ny4xSDBWNDMuMTIyYTUuNDM0LDUuNDM0LDAsMCwxLDQuOTIyLTUuNTU4Yy45NTEtLjE0LDEzLjM2LTIuNTExLDI0LjY1NS00LjY4M2wuOS0uMTcxLjMzOCwxLjc3MS0uOS4xNjdjLTUuNDksMS4wNTktMjMuNSw0LjUtMjQuNzM3LDQuN0EzLjczLDMuNzMsMCwwLDAsMS44LDQzLjEyMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTE3Ljk2NikiIGZpbGw9IiNkZDUxMDMiLz4KICAgICAgICA8cGF0aCBpZD0iUGF0aF85MjIiIGRhdGEtbmFtZT0iUGF0aCA5MjIiIGQ9Ik0xMTguNTgzLDIwMi43NDVsLS4zNDMtMS43NzEuOS0uMTcxYzEwLjcxLTIuMDc4LDQ2LjA3LTguOTExLDQ5LjE2Ny05LjMzNSwxLjI1My0uMTgsNy41MTgtMS40MzMsNy41MTgtOC40MzhWMTM2aDEuOHY0Ny4wM2MwLDYuNTg1LTQuODg2LDkuNjIzLTkuMDY5LDEwLjIxOC0zLjA1Ni40NTEtMzguMzU4LDcuMjQ4LTQ5LjEsOS4zMjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjQuOTQ1IC03NC43KSIgZmlsbD0iIzAwODJjMyIvPgogICAgICAgIDxwYXRoIGlkPSJQYXRoXzkyMyIgZGF0YS1uYW1lPSJQYXRoIDkyMyIgZD0iTTAsMjIzdjM2Ljk2TDE5Ljk5LDI1NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTIyLjQ4NSkiIGZpbGw9IiNkZDUxMDMiLz4KICAgICAgICA8cGF0aCBpZD0iUGF0aF85MjQiIGRhdGEtbmFtZT0iUGF0aCA5MjQiIGQ9Ik0yMjUuNjQsMzYuOTYxVjBMMjA1LjY1LDMuOTYyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEyLjk1NikiIGZpbGw9IiMwMDgyYzMiLz4KICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgaWQ9IkFzc2V0XzExc2VjdXJlIiBkYXRhLW5hbWU9IkFzc2V0IDExc2VjdXJlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTgzLjc3MSAyNzAuMzc0KSI+CiAgICAgIDxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPgogICAgICAgIDxwYXRoIGlkPSJQYXRoXzUwNSIgZGF0YS1uYW1lPSJQYXRoIDUwNSIgZD0iTTMuOTgsMjEuMjA2YTEuMSwxLjEsMCwwLDEtMS4xLTEuMVY5LjU0N2E5LjU0Nyw5LjU0NywwLDEsMSwxOS4wOTQsMHY3LjM5MWExLjEyMiwxLjEyMiwwLDAsMS0xLjEsMS4xLDEuMSwxLjEsMCwwLDEtMS4xLTEuMVY5LjU0N2E3LjM0Nyw3LjM0NywwLDEsMC0xNC42OTUsMFYyMC4xMDZBMS4xLDEuMSwwLDAsMSwzLjk4LDIxLjIwNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNDU2IDApIiBmaWxsPSIjZWM2NjA3IiBzdHJva2U9IiNlYzY2MDciIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICAgIDxwYXRoIGlkPSJQYXRoXzUwNCIgZGF0YS1uYW1lPSJQYXRoIDUwNCIgZD0iTTEuMSwzOC45NDJBMS4xNDQsMS4xNDQsMCwwLDEsLjQsMzguN2ExLjE2NiwxLjE2NiwwLDAsMS0uNC0uODU4di0yNC4yYTEuMSwxLjEsMCwwLDEsLjktMS4xTDMwLjQ2Nyw3LjIyMWExLjEyMiwxLjEyMiwwLDAsMSwuOS4yMiwxLjE0NCwxLjE0NCwwLDAsMSwuMzc0Ljg1OFYzMi41YTEuMSwxLjEsMCwwLDEtLjksMS4xTDEuMywzOC45MlpNMi4yLDE0LjQ4djIybDI3LjM0NC00Ljg4NFY5LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDguNjQpIiBmaWxsPSIjMDA4MmMzIiBzdHJva2U9IiMwMDc5YmEiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"/>
</div>
</div>
<div class="bottomRight">
<div class="login">
<div><a>LOGIN</a></div>
<div><a>SIGNUP</a></div>
</div>
<div>
<input id="loginInput" placeholder="Enter your email/phone number"/>
</div>
<div>
<button id="blueLoginBtn" class="blueLoginBtn">LOGIN VIA OTP</button>
</div>
<div class="createAcc">
<p>NEW TO DECATHLON ?</p>
<button>CREATE AN ACCOUNT</button>
</div>
</div>
</div>
</div>
<script src="cartLogin.js"></script>
</body>
</html>