-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
194 lines (190 loc) · 7.19 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
<!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>Western wear</title>
<link rel="stylesheet" href="./styles/navbar.css">
<link rel="stylesheet" href="./styles/footer.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./styles/home.css">
<style>
#nav{
margin-top:0px;
background-color: red;
border:1px solid red;
}
</style>
</head>
<body>
<div id="nav"></div>
<div>
<div id="fh">
<h1>Extra 70% off 3+ sale styles</h1>
<h3>USE CODE BIGSALE</h3>
<p class="women-shop">SHOP WOMEN'S SALE</p>
<p >SHOP MEN'S SALE</p>
</div>
<div id="sh">
<div>
<div>
<h1>The J.Crew Gify Guide</h1>
<p>Great holiday presents are part of our heritage. Here's our take..</p>
</div>
<div>
<button class="women-shop">Shop for her</button>
<button>Shop for him</button>
<button class="girl-shop">Shop for girl</button>
<button class="boy-shop">Shop for boys</button>
<button>Shop for the home</button>
</div>
</div>
</div>
<div id="th">
<img src="https://i.ibb.co/bJz4Mz8/Screenshot-20221217-135044.png" alt="">
<img src="https://i.ibb.co/zFwQG2r/Screenshot-20221217-135018.png" alt="">
<img src="https://i.ibb.co/xfk8kQJ/Screenshot-20221217-135107.png" alt="">
<img src="https://i.ibb.co/sqMGFyG/Screenshot-20221217-135119.png" alt="">
<img src="https://i.ibb.co/cQrh7Ft/Screenshot-20221217-135151.png" alt="">
<img src="https://i.ibb.co/sVhNCz1/Screenshot-20221217-135203.png" alt="">
</div>
<div id="frh">
<img src="https://i.ibb.co/9rNK7Ny/Screenshot-20221217-135221.png" alt="">
</div>
<div id="fth">
<p>Shop New Arrivals</p>
<button class="women-new-shop">Shop Women's</button>
<button>Shop Men's</button>
<button class="girl-new-shop">Shop Girls</button>
<button class="boy-new-shop">Shop Boys</button>
</div>
<div id="msh">
<div id="msh1">
<img src="https://www.jcrew.com/brand_creative/2022/202204-Apr/logo_jcrew_collective_20220315_blk.png?imformat=generic" alt="">
</div>
<div id="msh2">
<p><b>Meet our creative community</b> →</p>
</div>
<div id="msh3">
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/11-Nov/2022nov_1025_hp_w_img12.jpg" alt="">
<p>Creative Spirits Series</p>
<h2>Marie Marot X J.Crew
</h2>
<a href="">Shop our collab
</a>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/10-Oct/2022oct_0927_hp_w_img7.jpg" alt="">
<p>That fall feeling
</p>
<h2>Layer love with Marjon Carlos</h2>
<a href="">Shop her story
</a>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/10-Oct/2022oct_0927_hp_w_img8.jpg" alt="">
<p>Heritage made modern
</p>
<h2>A Cashmere Remix with Lucy Williams
</h2>
<a href="">Shop her story</a>
</div>
</div>
<div id="msh4">
<h1>More Stories</h1>
</div>
<div id="msh5">
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/14-Dec3/gifcyb_w_agnetha.jpg" alt="">
<p>Most wanted: limited-edition Barbour® X J.Crew Agnetha jacket
</p>
<a href=""><b>Get a closer look</b>
</a>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/12-Dec/2022dec_1108_hp_w_img9.jpg" alt="">
<p>The edit: tartan time
</p>
<a href=""><b>Shop the festive roundup</b>
</a>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/11-Nov/2022nov_1025_hp_w_img10.jpg" alt="">
<p>Olympias picks
</p>
<a href=""><b>Shop her December edit</b>
</a>
</div>
<div> <img src="https://www.jcrew.com/brand_creative/homepage2022/12-Dec/2022dec_1108_hp_w_img11.jpg" alt="">
<p>Design Try-ons: the Holiday Collection
</p>
<a href=""><b>Shop the video</b>
</a>
</div>
</div>
</div>
<div id="svh">
<p>And that's not all...</p>
</div>
<div id="egh">
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2021/05-May/2021_virtualsytling_hp_img0.jpg" alt="">
<p>We’re re-imagining shopping</p>
<a href=""><b>Learn about our eco goals</b></a>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/virtual_styling/2022apr_styleondemand_hp_img0.jpg" alt="">
<p>Book a virtual or in-store private shopping <br> appointment</p>
<a href=""><b>Get styled on demand</b></a>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2021/05-May/2021_virtualsytling_hp_img2.jpg" alt="">
<p>In-store services</p>
<a href=""><b>Visit us IRL</b></a>
</div>
</div>
<div id="ngh">
<img src="https://i.ibb.co/wwsJCGP/Screenshot-20221217-163819.png" alt="">
</div>
<div id="tgh">
<p>More you need to see</p>
</div>
<div id="elh">
<div>
<img src="https://www.jcrew.com/s7-img-facade/BD613_RD6052_m?wid=416" alt="">
<a href=""><b>Shop Women's Sweaters
</b></a>
</div>
<div>
<img src="https://www.jcrew.com/s7-img-facade/BN161_YD2172_m?wid=416" alt="">
<a href=""><b>Shop Women's Shirts & Tops
</b></a>
</div>
<div>
<img src="https://www.jcrew.com/s7-img-facade/BM312_PT3361_m?wid=416" alt="">
<a href=""><b>Shop Women's T-shirts & Tank Tops
</b></a>
</div>
<div>
<img src="https://www.jcrew.com/s7-img-facade/BM874_YD2455_m?wid=416" alt="">
<a href=""><b>Shop Women's Dresses & Jumpsuits
</b></a>
</div>
<div>
<img src="https://www.jcrew.com/s7-img-facade/BM557_YD2455_m?wid=416" alt="">
<a href=""><b>Shop Women's Blazers
</b></a>
</div>
<div>
<img src="https://www.jcrew.com/s7-img-facade/BM751_BK0001_m?wid=416" alt="">
<a href=""><b>Shop Women's Pants
</b></a>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>
<script type="module" src="./scripts/index.js"></script>