forked from dikshaa2000/shop.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ProductDetails.html
112 lines (90 loc) · 4.3 KB
/
ProductDetails.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
<!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>
<link rel="stylesheet" href="./styles/ProductDetails.css">
<link rel="stylesheet" href="styles/index.css">
<script src="https://kit.fontawesome.com/d1feb19a20.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header-import-div"> </div>
<p>ok i am here</p>
<div id="productDetailContainer">
<div id="smallImage">
<img id="ProductImage"
src="https://img.shop.com/Image/290000/290600/290680/products/1920192288__800x800__.jpg" height="110px"
width="110px">
</div>
<div id="largeImage">
<img id="ProductImage2"
src="https://img.shop.com/Image/290000/290600/290680/products/1920192288__800x800__.jpg" height="500px"
width="100%">
</div>
<div id="completeDetails">
<h2 id="ProductTitle">Member's Mark Women's High Rise Zip Pocket Pull On City Dress Pant</h2>
<p>Sold by eWirelessGear</p>
<p id="ProductPrice">$17.49 - $23.51</p>
<p>or 4 interest-free payments of $4.37 - $5.88 with <img
src="https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg"
style="margin-bottom: -4px; height:18px"> ⓘ</p>
<p>Free Standard Shipping on orders from eWirelessGear.</p>
<p> see details</p>
<div id="BitPay_checkout"> <img
src="https://bitpay.com/cdn/merchant-resources/bitpay-accepted-card-group.svg"
style="margin-top: 0px; height:32px">
<p> Now accepting Crypto at Checkout!</p>
</div>
<p>Code: NY_193968126544</p>
<p>Color:</p>
<button onclick="SelectColor()">Black Soot - $22.55<i id="" class="fa-solid fa-angle-down"></i></button>
<div id=""> </div>
<p>Size: L</p>
<button onclick="SelectSize()">L - $22.10<i id="" class="fa-solid fa-angle-down"></i></button>
<div id=""> </div>
<div id="Qty_AddCart">
<label> Qty: </label> <select>
<option> 1</option>
<option> 2</option>
</select> <button id="GoToCartPage"> Add to Cart </button>
</div>
<div id="Calculate_Shipping">
<input placeholder="Zip Code"> <button> Calculate Shipping </button>
</div>
<p>The fashionable commuter pants are perfect for any day of the week including the weekends! These pants
are multifunctional and can be worn dressed up to work or dressed down while running some errands. With
our wrinkle-resistant technology, you will...</p>
</div>
<div id="SocialMedia">
<h5>Add to...</h5>
<div id="circle"> <i class="fa-solid fa-pencil fa-xl"></i> </div>
<p>Lists</p>
<div id="circle"> <i class="fa-solid fa-arrow-trend-up fa-xl"></i> </div>
<p>Trend</p>
<div id="circle"> <i class="fa-solid fa-dollar-sign fa-xl"></i> </div>
<p>Price Alerts</p>
<div id="circle"> <i class="fa-brands fa-edge-legacy fa-xl"></i> </div>
<p>eGift</p>
<div id="circle"> <i class="fa-solid fa-gift fa-xl"></i> </div>
<p>Gift Registry</p>
<div id="circle"> <i class="fa-solid fa-bookmark fa-xl"></i> </div>
<p>Save for Later</p>
<h5 style="margin-top: 20px;">Share it!</h5>
<div id="circle"> <i class="fa-solid fa-envelope fa-xl"></i> </div>
<p>Email</p>
<div id="circle"> <i class="fa-brands fa-facebook-f fa-xl"></i> </div>
<p>Facebook</p>
<div id="circle"> <i class="fa-brands fa-twitter fa-xl"></i> </div>
<p>Twitter</p>
<div id="circle"> <i class="fa-brands fa-pinterest-p fa-xl"></i> </div>
<p>Pinterest</p>
</div>
</div>
<div id="footer-import-div">
</div>
</body>
</html>
<script src="./scripts/ProductDetails.js"></script>
<script src="scripts/index.js" type="module"></script>