-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
207 lines (199 loc) · 6.99 KB
/
index.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!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" />
<link rel="stylesheet" href="./homepage/homepage.css" />
<link rel="stylesheet" href="./header_footer/footer.css">
<link rel="stylesheet" href="./header_footer/header.css">
<title>Nord Storm</title>
</head>
<body>
<div id="header1"></div>
<div id="boxes">
<h2>Shop what you love—faster and easier.</h2>
<button>Sign In or Create an Account</button>
</div>
<div id="box1">
<div>
<img
id="logo"
src="https://press.nordstrom.com/system/files-encrypted/nasdaq_kms/inline-images/TheNordyClub_Logo_0.jpg"
alt="error"
/>
</div>
<div>
<h2>Get a $40 Bonus Note!</h2>
<p>
An exclusive offer for new Nordstrom credit cardmembers. Restrictions
apply.
</p>
<a href="index.html">Apply Now</a>
</div>
<div>
<img
src="https://cdn.wallethub.com/common/product/images/creditcards/500/nordstrom-credit-card-13391867c.png"
alt="visa"
/>
</div>
</div>
<div id="box2">
</div>
<p>
_________________________________________________________________________________________________________________________________________________________________
</p>
<div id="heading"><h1>NEW & NOTEWORTHY</h1></div>
<div id="box3">
<div>
<img
src="https://n.nordstrommedia.com/id/18197047-4bf7-4442-b8eb-9eba22dfe515.jpeg?h=750&w=750"
alt="pic"
/>
<h2>Nordstrom x Nike Fall '22</h2>
<p>Class is back and the Nike and Jordan drops are hot.</p>
<a href="hompage.html"><u>Shop NxN</u></a>
<a href="homepage.html"><u>Explore NxN</u></a>
</div>
<div>
<img
src="https://n.nordstrommedia.com/id/b0bc5c8b-9978-45c4-8ed7-7cf8a8a1516c.jpeg?h=516&w=536"
alt="pic"
/>
<h2>We The Free by Free People: New Arrivals</h2>
<p>
Signature silhouettes, easy fits and lived-in staples—these are the
kinds of styles that only get better with time.
</p>
<a href="homepage.html"><u>We The Free by Free People</u></a>
<a href="homepage.html"><u>All Free People</u></a>
</div>
<div>
<img
src="https://n.nordstrommedia.com/id/2c0aec65-3ac9-4471-9904-1f1ba615249d.jpeg?h=516&w=536"
alt="pic"
/>
<h2>Sustainable Style</h2>
<p>
Get to know Allbirds, an industry leader making sustainable footwear
its business.
</p>
<a href="hompage.html"><u>Shop Allbirds</u></a>
<a href="hompage.html"><u>Go Behind the Brand</u></a>
</div>
</div>
<div id="box4">
<a href="homepage.html"><img src="./homepage/images/3rd.png" alt="error" /></a>
</div>
<div id="box5">
<h2>Great deals on what you love</h2>
<p>Items similar to what you've browsed are on sale</p>
<div class="main">
<div id="pics" class="item_box"></div>
<img src="./homepage/images/left.png" class="left" id="left" alt="" />
<img src="./homepage/images/right1.jfif" class="right" id="right" alt="" />
</div>
<hr></hr>
</div>
<div id="heading2">
<h1>THE THREAD</h1>
<p>
Introducing your new go-to destination for all things fashion, beauty
and lifestyle at Nordstrom, from how-tos and style inspiration to
exclusive interviews and more.
</p>
<a href="homepage.html"><u>Get Inspired</u></a>
</div>
<div id="box6">
<div>
<img
src="https://n.nordstrommedia.com/id/48ef4265-14b7-46cf-a702-13ae9cb172f9.jpeg?h=516&w=536"
alt="pic"
/>
<h2>Get the Look: Vibrant Tailoring</h2>
<a href="hompage.html"><u>Read More</u></a>
</div>
<div>
<img
src="https://n.nordstrommedia.com/id/99d85eb2-6635-4048-b6fd-7af2456ad7be.jpeg?h=516&w=536"
alt="pic"
/>
<h2>5 Ways to Set the Scene for a Cozy Fall</h2>
<a href="homepage.html"><u>Read More</u></a>
</div>
<div>
<img
src="https://n.nordstrommedia.com/id/4e959a29-2139-4384-8198-af7be4b20a18.jpeg?h=516&w=536"
alt="pic"
/>
<h2>From The Nordy Pod:</h2>
<h2>The Breast Prosthesis Program with Nikky Oliva</h2>
<a href="hompage.html"><u>Read More</u></a>
</div>
</div>
<hr>
<div id="box7">
<h2>New arrivals from brands you might like</h2>
<div id="icons">
<div id="natori">Natori</div>
<div id="asos">ASOS DESIGN</div>
<div id="skims">SKIMS</div>
</div>
<hr>
<div class="main">
<div id="filtered_value" class="item_box"></div>
<img src="./homepage/images/left.png" class="left" id="left1" alt="" />
<img src="./homepage/images/right1.jfif" class="right" id="right1" alt="" />
</div>
</div>
<hr></hr>
<div id="box8">
<h2>SCHOOL-YEAR ESSENTIALS</h2>
<a href="homepage.html"><img src="./homepage/images/4th.png" alt="error"/></a>
</div>
<div id="box9">
<a href="homepage.html"><img src="./homepage/images/9th.png"></a>
</div>
<hr>
<div id="box10">
<h2>Our Best Selling Products</h2>
<p>Based on items you've shopped</p>
<div class="main">
<div id="bestSelling" class="item_box"></div>
<img src="./homepage/images/left.png" class="left" id="left2" alt="" />
<img src="./homepage/images/right1.jfif" class="right" id="right2" alt="" />
</div>
</div>
<hr></hr>
<div id="box11">
<h2>SHOP YOUR WAY</h2>
<a href="#"><img src="./homepage/images/12th.png"></a>
</div>
<hr>
<div id="box13">
<h2>SHOP BY CATEGORY</h2>
<div></div>
</div>
<div id="box12">
<h3>CURRENTLY LOVING</h3>
<p>
Explore favorite looks from Instagram. Tag @Nordstrom to show us your
finds.
</p>
<div class="main">
<div id="fvt_images" class="item_box"></div>
<img src="./homepage/images/left.png" class="left" id="left3" alt="" />
<img src="./homepage/images/right1.jfif" class="right" id="right3" alt="" />
</div>
</div>
<div>
<h2>Trending near you</h2>
<p>The most-viewed items by shoppers in your area</p>
<div id="tranding"></div>
</div>
<div id="footer1"></div>
</body>
</html>
<script src="./homepage/homepage.js"></script>
<script src="./header_footer/header.js"></script>
<script src="./homepage/homepage_import.js" type="module"></script>