forked from vibrantachintya/nordstrom
-
Notifications
You must be signed in to change notification settings - Fork 0
/
display_page.html
92 lines (87 loc) · 4.31 KB
/
display_page.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
<!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="display_page.css">
<style>
</style>
</head>
<body>
<div id="container1"></div>
<div id="container2">
<div >
<div id="img1" class="zoom"></div>
<div id="img2" class="zoom"></div>
<div id="img3" class="zoom"></div>
<div id="img4" class="zoom"></div>
</div>
<div>
<span id="product_name"></span>
<p id="brand_name"></p>
<p id="big_and_regular">Big & regular</p>
<div> <span id="inr">INR</span><span id="product_price"></span></div>
<p id="product_description"></p>
<p id="description_1">Price varies with currency exchange rates and may be different than in store.</p>
<p id="description_2">A soft, heavyweight blend of cotton and recycled tech fabric ensures easy comfort in laid-back sweatpants marked with cool branding.</p>
<p id="fit_true_to_size"> <b> Fit:</b> True to size.</p>
<select id="size" >
<option>extra-small</option>
<option>Small</option>
<option>Medium</option>
<option>Large</option>
<option>extra-Large</option>
</select><br><br>
<div id="north_face">The North Face size guides</div>
<select id="color">
<option>Black</option>
<option>White</option>
<option>Grey</option>
<option>Red</option>
</select><br><br>
<p id="red">22 people are viewing</p>
<button id="button"><img id="shopping_bag" src="icons/shopping-bag.png" alt=""> Add to Bag</button>
</div>
</div>
<div id="gift_detail">
<div id="detail">
<span class="detail_span"> SIZE INFO</span>
<ul id="ul1"></ul>
<li>True to size.</li>
</ul><br><br>
<span class="detail_span">DETAILS & CARE</span>
<p class="description">Down insulation and quilted construction give this vest unbeatable warmth for chilly hikes when the sun goes down.</p>
<ul id="ul2"></ul>
<li>27" length (size Medium)</li>
<li>Front zip closure</li>
<li>Side pockets with zip closure; chest pocket with zip closure</li>
<li>Lined, with down fill</li>
<li>100% polyester</li>
<li>Machine wash, tumble dry</li>
<li>Imported</li>
<li>Men's Clothing</li>
<li>Item #5999604</li>
</ul>
<span class="ship_return">Free Shipping & Returns <span id="see_more"> See more</span></span>
</div>
<div id="gift">
<span class="detail_span"><img height="20px" width="20px" src="icons/gift-box.png" alt=""> GIFT OPTIONS</span>
<p class="description">Choose your gift options at Checkout. Some items may not be eligible for all gift options.</p>
<h3 class="h3">Free Pickup</h3>
<div class="small_font"><img height="15px"margin="5px" width="15px" src="icons/file.png" alt="">Printed gift message (free)</div>
<div class="small_font"><img height="15px"margin="5px" width="15px" src="icons/package.png" alt="">DIY Nordstrom gift box (free)</div>
<h3 class="h3">Delivery</h3>
<div class="small_font"><img height="15px"margin="5px" width="15px" src="icons/email.png" alt="">Email gift message (free)</div>
<div class="small_font"><img height="15px"margin="5px" width="15px" src="icons/file.png" alt="">Printed gift message (free)</div>
<div class="small_font"><img height="15px"margin="5px" width="15px" src="icons/package.png" alt="">DIY Nordstrom gift box ($3)</div>
<div class="ship_return">Looking for gifts for everyone on your list? We've got you covered.</div>
<button id="button2">Shop Gifts</button>
</div>
</div>
<div id="faq_review">
</div>
</body>
<script src="display_page.js"></script>
</html>