-
Notifications
You must be signed in to change notification settings - Fork 0
/
display_page.html
117 lines (113 loc) · 6.2 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
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
<!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="icon" href="//n.nordstrommedia.com/id/169f9507-47b3-44bc-9ad4-9244fe191523.png" sizes="16x16" /><link rel="icon" href="//n.nordstrommedia.com/id/69be546b-0c64-4cd0-8840-67a112d242d7.png" sizes="32x32" /><link rel="icon" href="//n.nordstrommedia.com/id/c4fb2a09-3657-4161-9b79-6412897d9399.png" sizes="96x96" />
<link rel="stylesheet" href="./css/display_page.css">
<link rel="stylesheet" href="./css/style.css">
<script src="./js/main.js"></script>
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script>
$(function(){
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<div id="header"></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="images/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="images/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="images/file.png" alt="">Printed gift message (free)</div>
<div class="small_font"><img height="15px"margin="5px" width="15px" src="images/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="images/email.png" alt="">Email gift message (free)</div>
<div class="small_font"><img height="15px"margin="5px" width="15px" src="images/file.png" alt="">Printed gift message (free)</div>
<div class="small_font"><img height="15px"margin="5px" width="15px" src="images/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 class="button2"><a href="product.html">Shop Gifts</a></button>
<p id="treasure_bond">TREASURE & BOND</p>
<p class="description">A Nordstrom Made brand that caters to women, men and kids who value authentic, uncomplicated style, Treasure & Bond delivers all-American classics with a laid-back aesthetic and a lived-in vibe. But an array of easy-to-wear wardrobe staples isn't the brand's only distinction. Through partnerships with organizations across North America, every Treasure & Bond purchase supports youth experiencing homelessness.</p>
</div>
</div>
<div id="faq_review">
<p class="detail_span"><span><img height="20px" width="20px" src="images/chat.png" alt=""></span> HAVE QUESTIONS?</p>
<p class="description">Connect with us to get free style advice, product recommendations or customer service help.</p>
<button class="button2">Chat Now</button>
<hr>
<p>Reviews</p>
<p><span><img height="20px" width="20px"src="images/star.png" alt="">
<img height="20px" width="20px"src="images/star.png" alt="">
<img height="20px" width="20px"src="images/star.png" alt="">
<img height="20px" width="20px"src="images/star.png" alt="">
<img height="20px" width="20px" src="images/star.png" alt=""> (0)</span></p>
<button class="button2">Write a Review</button>
</div>
<div id="footer"></div>
<script src="./js/display_page.js"></script>
</body>
</html>