-
Notifications
You must be signed in to change notification settings - Fork 3
/
home.html
165 lines (148 loc) · 8.04 KB
/
home.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
<!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="home.css">
</head>
<body>
<div id="nav">
<p id="logo">J.CREW</p>
<div id="nav1">
<h4>New</h4>
<h4>Women</h4>
<h4>Men</h4>
<h4>Kids</h4>
<h4>Swim</h4>
<h4>Cashmere</h4>
<h4>Home</h4>
<h4>Stories</h4>
<h4 id="sale">Sale</p>
</div>
<div id="nav2">
<input id="search" type="search" placeholder="🔍 Search J.CREW">
<button id="sign-in">Sign In</button>
<h2>🤍</h2>
<button id="cart">🛒</button>
</div>
</div>
<div id="container">
<p id="help">Have a question? We can help.*</p>
<div id="frontpics">
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202205-May/w_dresses/2022may_0426_w_dresses_img5.jpg" alt="pic1"/>
<p id="yourdress">Your Dress</p>
<p id="destination">Destination</p>
<p id="desc">Find your perfect print, shade and silhouette for summer.</p>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202205-May/w_dresses/2022may_0426_w_dresses_img6.jpg" alt="pic2"/>
</div>
</div>
</div>
<div id="container2">
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202205-May/flyout/2022may_0506_flyouts_w_img2.jpg" alt="pic3"/>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202205-May/flyout/2022may_0506_flyouts_w_img1.jpg" alt="pic4"/>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202205-May/flyout/2022may_0506_flyouts_w_img0.jpg" alt="pic5"/>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202205-May/flyout/2022may_0506_flyouts_w_img3.jpg" alt="pic6"/>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202205-May/wedding/2022may_0426_weddingshop_w_img7.jpg" alt="pic7"/>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202205-May/wedding/2022may_0426_weddingshop_w_img6.jpg" alt="pic8"/>
</div>
</div>
<div id="creatives-box">
<div>
<img src="https://www.jcrew.com/brand_creative/2022/202204-Apr/logo_jcrew_collective_20220315_blk.png?imformat=generic" alt="style meets creativity"/>
<h4>Meet Our Creative Community✨</h4>
</div>
<div id="creatives">
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/05-May2/2022may_0503_hp_w_img7.jpg" alt="how i wear my Astrid"/>
<p>Jen Azoulay</p>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/05-May2/2022may_0503_hp_w_img8.jpg" alt="The new dress code"/>
<p>Beverly Nguyen</p>
</div>
<div>
<img src="https://www.jcrew.com/brand_creative/homepage2022/05-May2/2022may_0503_hp_w_img9.jpg" alt="Instant classics with Alisson Bornstein"/>
<p>Allison Bornstein</p>
</div>
</div>
<h1 id="bonus">BONUS VIDEO🎥</h1>
<div id="bonus-video">
<iframe width="710" height="420"
src="https://www.youtube.com/embed/ZTNgawjogHY"></iframe>
</div>
</div>
<!-- ---HOME PAGE END PART-- -->
<div id="home-end">
<div id="contacts">
<div class="img">
<img class="image" src="https://static.wixstatic.com/media/c7d035ba85f6486680c2facedecdcf4d.png/v1/fill/w_72,h_72,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/c7d035ba85f6486680c2facedecdcf4d.png" >
</div>
<div ><a class="details" href="https://twitter.com/jcrew_help">@jcrew_help</a></div>
<div class="img">
<img class="image" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS9hLoDOxb9_gg3rMWWKkfaTZ7REFG5kHsBb5hLHNnHshxFOH4G">
</div>
<div class="details">1 434 385 5775</div>
<div class="img">
<img class="image" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS4gY7cVayx4pAjACZs-TW7q7VBZQfbv-0yQLAWfH1neI-mFiiC">
</div>
<div id="Email">Email Us</div>
</div>
<div id="about">
<div>
<h4>Help</h4>
<p><a href="https://www.jcrew.com/in/help/customer-service" target="_blank">Customer Service</a></p>
<p><a href="https://www.jcrew.com/in/help/order-status" target="_blank">Track Order</a></p>
<p><a href="https://www.jcrew.com/in/help/returns-exchanges" target="_blank">Returns & Exchanges</a></p>
<p><a href="https://www.jcrew.com/in/help/shipping-handling" target="_blank">Shipping</a></p>
<p><a href="https://www.jcrew.com/in/help/international-orders" target="_blank">International Orders</a></p>
<p><a href="https://www.jcrew.com/in/help/contact-us" target="_blank">Contact Us</a></p>
</div>
<div>
<h4>Quick Links</h4>
<p><a href="https://stores.jcrew.com/search" target="_blank">Find a Store</a></p>
<p><a href="https://www.jcrew.com/in/r/size-charts" target="_blank">Size Charts</a></p>
<p><a href="https://www.jcrew.com/in/best-deals" target="_blank"></a></p>
</div>
<div>
<h4>About J.Crew</h4>
<p><a href="https://www.jcrew.com/in/s/aboutus" target="_blank">Our Story</a></p>
<p><a href="https://jobs.jcrew.com/" target="_blank">Careers</a></p>
<p><a href="https://www.jcrew.com/in/s/corporate-responsibility" target="_blank">Social Responsibility</a></p>
<p><a href="https://www.jcrew.com/in/s/CSR-california-transparency-act" target="_blank">California Transparency Act</a></p>
<p><a href="https://investors.jcrew.com/" target="_blank">Investor Relations</a></p>
<p><a href="https://www.jcrew.com/in/help/terms-of-use" target="_blank">Terms Of Use</a></p>
<p><a href="https://www.jcrew.com/in/help/privacy-policy" target="_blank">Privacy Policy</a></p>
<p><a href="https://www.jcrew.com/in/s/diversity-equity-inclusion" target="_blank">Diversity</a></p>
</div>
</div>
<!-- SOCIAL MEDIA ACCOUNTS -->
<div id="social">
<ul>
<li><a href="https://www.facebook.com/jcrew" target="_blank"><i class="fab fa-facebook" aria-hidden="true"><img src="https://brandlogos.net/wp-content/uploads/2013/11/facebook-flat-vector-logo.png" alt="fb"/></i></a></li>
<li><a href="https://twitter.com/jcrew" target="_blank"><i class="fab fa-twitter" aria-hidden="true"><img src="https://brandlogos.net/wp-content/uploads/2015/11/twitter-logo-200x200.png" alt="twi"/></i></a></li>
<li><a href="http://pinterest.com/jcrew/" target="_blank"><i class="fab fa-pinterest" aria-hidden="true"><img src="https://brandlogos.net/wp-content/uploads/2012/02/pinterest-icon-vector.png" alt="pin"/></i></a></li>
<li><a href="https://www.linkedin.com/company/j-crew" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"><img src="https://brandlogos.net/wp-content/uploads/2016/06/linkedin-logo.png" alt="lin"/></i></a></li>
<li><a href="http://instagram.com/jcrew" target="_blank"><i class="fab fa-instagram" aria-hidden="true"><img src="https://brandlogos.net/wp-content/uploads/2016/05/instagram-logo-vector-download.jpg" alt="insta"/></i></a></li>
</ul>
<h4>© 2022 J.Crew</h4>
</div>
</div>
</body>
</html>
<script src="home.js"></script>