-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbag.html
135 lines (110 loc) · 4.97 KB
/
bag.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
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Cart</title>
<link rel="stylesheet" href="index.html">
<link rel="stylesheet" href="bag.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
</head>
<body>
<header>
<img height="25px" class="bag-header-image" src="https://1000logos.net/wp-content/uploads/2022/08/Myntra-Logo.png" alt="myntra-logo">
<div class="header-action">
<span class="header-bag">Bag</span>
<span class="header-address">--------- Address ---------</span>
<span class="heaader-shipment">Shipment</span>
</div>
<div class="header-secure-icon">
<img src="https://constant.myntassets.com/checkout/assets/img/sprite-secure.png" alt="">
<span>100% Secure</span>
</div>
</header>
<main>
<!-- LEFT DIV -->
<div class="left-div">
<div class="customerName-and-address">
<div class="customerName">
<span>Deliver To:</span>
<h5>Vaibhav Singh, 275101</h5>
<p>Hno 3B, Harikesh Pura, Near Sanskrit Pathshala, Mau, PIN-275101</p>
</div>
<button class="change-address-btn"> Change Address</button>
</div>
<div class="available-offer">
<div class="offer-heading">
<img src="images/offer-solid-24.png" alt="">
<h4>Available Offer</h4>
</div>
<div class="offer-list">
<p>7.5% Instant discount on every spends with Myntra Kotak credit card. TCA</p>
<br>
<a class="know-more" href="#">See More ↓</a>
<div class="expanded-text">
<ul>
<li> Flash sales: Up to 80% off, plus an additional 10% off</li>
<li> Wearable devices: 15% off</li>
<li> BlissClub brand products: 20% off</li>
<li> Paytm offers: Up to 70% off, plus a voucher worth Rs.400</li>
<li> Upcoming sales: Independence Day Sale, Sarees Sale, End-of-Season Sale, United In
Sports
Sale, Big Fashion Festival, Diwali Sale, Black Friday Sale, Christmas Sale, and Year-End
Sale</li>
</ul>
</div>
</div>
</div>
<div class="itemCount">
<div class="item-checkbox">
</div>
<div class="move">
<a class="remove" href="#">Remove</a>
<a class="move-to-wishlist" href="#">Move To Wishlist</a>
</div>
</div>
<div class="products-info">
</div>
<!-- <div class="add-to-wishlist">
<div class="add">
<img height="50px" width="50px"
src="https://www.freeiconspng.com/thumbs/bookmark-icon/bookmark-icon-4.png" alt="">
<h5>Add More from Wishlist</h5>
</div>
<h2>></h2>
</div> -->
</div>
<!-- RIGHT DIV -->
<div class="right-div">
<div class="coupons">
<h5>COUPONS</h5>
<div class="coupon-content">
<div class="apply-coupon">
<img src="images/purchase-tag-alt-regular-24.png" alt="purchase">
<h5>Apply Coupons</h5>
</div>
<div>
<button>Apply</button>
</div>
</div>
<p class="support-slogan">SUPPORT SOCIAL TRANSFERMOTICE WORK IN INDIA</p>
<div class="social-box">
<input class="social-chekcbox" type="checkbox">
<label for="social-chekcbox">Donate and Make a Difference</label>
<div class="donate-amount">
<span class="donate-btn"><button>₹10</button></span>
<span class="donate-btn"><button>₹50</button></span>
<span class="donate-btn"><button>₹100</button></span>
</div>
<a class="know-more" href="#">Know More</a>
</div>
</div>
<div class="price-details">
</div>
</main>
<script src="items.js"></script>
<script src="script.js"></script>
<script src="bag.js"></script>
</body>
</html>