-
Notifications
You must be signed in to change notification settings - Fork 0
/
projuct.html
115 lines (86 loc) · 6.23 KB
/
projuct.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
<!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>myntra</title>
<link rel="stylesheet" href="proju.css" />
</head>
<body>
<div id="logo">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Myntra_logo.png/330px-Myntra_logo.png " alt="logo" />
</div>
<div id="all">
<div id="left">
<div id="delivery"><h3>Check delivery time & service</h3>
<button id="code"> Enter pin code </button>
</div>
<!-- <div id="offers"><h3>Available offers</h3>
<li>10%instant Discount on IDFC min spent of rs 2500</li> -->
<!-- <li>5% Unlimited Cash back on Flipkart Axis Bank Credit Card</li>
<li>10% Cashback upto Rs100 On patm</li> -->
<!-- <li>15% cashback upto 150 on Feecharge</li> -->
<!-- <li>5% cashback upto Rs 200 minmum spend of Rs 1500</li> -->
<!-- <div id="
offersV2-base-container"> -->
<!-- <svg xmlns="http://www.w3.org/2000/svg" > -->
<!-- width="18" height="18" viewBox="0 0 18 18" class="offersV2-base-discountIcon"><g fill="#000" fill-rule="evenodd" -->
<!-- <path d="M15.292 10.687v.001c-.198.742.076 1.454.296 2.026l.045.12-.137.021c-.602.094-1.352.211-1.892.75-.538.54-.655 1.288-.748 1.89l-.022.138a22.096 22.096 0 0 1-.12-.045c-.443-.171-.946-.364-1.49-.364-.185 0-.366.023-.536.068-.728.194-1.198.78-1.577 1.249-.032.04-.07.088-.111.137l-.112-.138c-.378-.47-.848-1.054-1.575-1.248a2.092 2.092 0 0 0-.537-.068c-.543 0-1.046.193-1.49.364l-.12.045-.022-.138c-.093-.602-.21-1.35-.749-1.89-.539-.539-1.289-.656-1.891-.75l-.137-.022a15 15 0 0 1 .045-.118c.22-.573.494-1.286.296-2.027-.194-.728-.78-1.199-1.25-1.577L1.323 9l.137-.11c.47-.38 1.055-.85 1.249-1.577.198-.742-.076-1.455-.296-2.028l-.045-.118.137-.022c.602-.094 1.352-.211 1.891-.75.54-.539.656-1.289.75-1.891l.022-.137.119.045c.443.171.947.365 1.49.365.186 0 .367-.024.537-.07.727-.193 1.198-.778 1.576-1.248L9 1.322l.111.137c.379.47.85 1.055 1.576 1.249.17.045.352.069.537.069.544 0 1.047-.194 1.491-.365l.119-.045.022.137c.094.602.21 1.353.75 1.891.538.539 1.288.656 1.89.75l.138.022-.046.119c-.22.572-.494 1.285-.295 2.026.194.728.778 1.199 1.248 1.577.04.033.088.07.137.111l-.137.11c-.47.38-1.054.85-1.249 1.577M18 9c0-.744-1.459-1.286-1.642-1.972-.19-.71.797-1.907.437-2.529-.364-.63-1.898-.372-2.41-.884-.511-.511-.253-2.045-.883-2.41a.647.647 0 0 0-.33-.08c-.585 0-1.403.542-1.998.542a.778.778 0 0 1-.201-.025C10.286 1.46 9.743 0 9 0c-.744 0-1.286 1.459-1.972 1.642a.78.78 0 0 1-.2.025c-.596 0-1.414-.542-2-.542a.647.647 0 0 0-.33.08c-.63.365-.37 1.898-.883 2.41-.512.512-2.046.254-2.41.884-.36.62.627 1.819.437 2.529C1.46 7.714 0 8.256 0 9s1.459 1.286 1.642 1.972c.19.71-.797 1.908-.437 2.53.364.63 1.898.371 2.41.883.511.512.253 2.045.884 2.41.097.056.208.08.33.08.585 0 1.403-.542 1.998-.542a.78.78 0 0 1 .201.025C7.714 16.54 8.256 18 9 18s1.286-1.46 1.973-1.642a.774.774 0 0 1 .2-.025c.595 0 1.413.542 1.998.542a.647.647 0 0 0 .33-.08c.631-.365.373-1.898.884-2.41.512-.512 2.046-.254 2.41-.884.36-.62-.627-1.819-.437-2.529C16.54 10.286 18 9.744 18 9">
</path><path d="M10.897 6.34l-4.553 4.562a.536.536 0 0 0 .76.758l4.552-4.562a.536.536 0 0 0-.76-.758M6.75 7.875a1.126 1.126 0 0 0 0-2.25 1.126 1.126 0 0 0 0 2.25M11.25 10.125a1.126 1.126 0 0 0 0 2.25 1.126 1.126 0 0 0 0-2.25"></path>
svg> -->
<div id="offers">Available Offers
<div><li class="offersV2-base-message ">
<span>10% Instant Discount on Standard Chartered Credit and Debit Cards on mini spend of Rs 3000. TCA</span></li>
<li class="offersV2-base-message "><span>5% Unlimited Cashback on Flipkart Axis Bank Credit Card. TCA</span></li>
<li class="offersV2-base-message ">
<span>10% Cashback upto Rs 100 on Paytm Postpaid transaction on a min spend of Rs 1000 . TCA</span></li>
<li class="offersV2-base-message "><span>15% Cashback upto Rs 150 on Freecharge Paylater transaction. TCA</span>
</li><li class="offersV2-base-message "><span>10% Cashback upto Rs 200 on Ola Money Postpaid or wallet transaction on a min spend of Rs 1000 . TCA</span></li><li class="offersV2-base-message ">
<span>Upto Rs 500 Cashback on Mobikwik Wallet Transactions on a min spend of Rs 999.Use code MBK500 on Mobikwik.TCA</span></li>
<li class="offersV2-base-message "><span>5% Cashback upto Rs 150 on a minimum spend of Rs 1,500 with PayZapp. TCA</span></li>
<!-- <div class="offersV2-base-more">Show Less<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" class="offersV2-base-arrowIcon" style="transform: rotate(-90deg);" ></svg> -->
<!-- </div> -->
</div>
</div>
</div>
<div id="applay">
<div id="purcharse">
<div id="coupen">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="coupons-base-couponIcon"><g fill="none" fill-rule="evenodd" transform="rotate(45 6.086 5.293)"><path stroke="#000" d="M17.5 10V1a1 1 0 0 0-1-1H5.495a1 1 0 0 0-.737.323l-4.136 4.5a1 1 0 0 0 0 1.354l4.136 4.5a1 1 0 0 0 .737.323H16.5a1 1 0 0 0 1-1z"></path><circle cx="5.35" cy="5.35" r="1.35" fill="#000" fill-rule="nonzero"></circle></g></svg>
<div class="coupons-base-label ">Apply Coupons</div>
<button id="cobut" font-size="body3" font-weight="bold" role="button" class="css-dn3et">
<div>APPLY</div></button>
<!-- <h3>Applay Coupons</h3>
<button>Applay</button> -->
</div>
<!-- <div class="checkDelivery-base-header">Enter Delivery Pincode</div> -->
<div id="mrp">
<h3>Totel MRP </h3>
<input type="number">
</div>
<div id="discount">
<h3>Discount MRP </h3>
<input type="number">
</div>
<div id="coupen">
<h3>Coupen Discount </h3>
<input type="number">
</div>
<div id="fee">
<h3>Convenience Fee </h3>
<input type="number">
</div>
<div id="totel">
<h2>Totel Amount</h2>
<input type="number">
</div>
<button width="100%" letterspacing="1px" font-size="body2" font-weight="bold" role="button" class="css-etguer">
<div class="order">PLACE ORDER</div></button>
</div>
</div>
</div>
</body>
</html>
<script src="projuct.js">
</script>