-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathabout_us.html
340 lines (337 loc) · 10.9 KB
/
about_us.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
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/about_us.css" />
<title>About us</title>
</head>
<body>
<header>
<nav class="menu_first_line" id="menu_first_line_id">
<img
id="hamburger_id"
src="assets/images/icons/hamburger.svg"
alt="Menu"
/>
<a class="danish_flag" href="#"
><img src="assets/images/icons/danishflag.svg" alt="DA"
/></a>
<div class="search">
<img
id="search_icon_id"
src="assets/images/icons/search.svg"
alt="Search"
/>
<div class="search_box hidden">
<input
class="search_text"
type="text"
name="search_item"
placeholder="Type to search"
/>
</div>
</div>
<div class="logo_width">
<a class="logo" href="index.html"
><img src="assets/images/icons/logo.svg" alt="Silfen"
/></a>
</div>
<a class="heart" href="#"
><img src="assets/images/icons/heart.svg" alt="Liked"
/></a>
<a class="shopping_bag" href="cart.html"
><img src="assets/images/icons/shopping_bag.svg" alt="Cart"
/></a>
</nav>
<nav class="menu_second_line" id="menu_second_line_id">
<img
class="hidden"
id="cross_id"
src="assets/images/icons/cross.svg"
alt="Menu"
/>
<img
class="hidden"
id="mobile_flag_id"
src="assets/images/icons/danishflag.svg"
alt="DA"
/>
<ul>
<li><a href="new_arrivals.html">New arrivals</a></li>
<li class="menu_dropdown">
<a href="all_bags.html">All bags</a>
<div class="menu_mobile_arrows">
<img
id="menu_chevron_down1"
src="assets/images/icons/chevron-down.svg"
alt="down"
/>
<img
class="hidden"
id="menu_chevron_up1"
src="assets/images/icons/chevron-up.svg"
alt="up"
/>
</div>
<ul class="hidden" id="dropdown_content1">
<li><a href="category.html?category=Bumbags">Bumbags</a></li>
<li>
<a href="category.html?category=Shoulder bags">Shoulder bags</a>
</li>
<li>
<a href="category.html?category=Crossbody bags"
>Crossbody bags</a
>
</li>
<li><a href="category.html?category=Wallets">Wallets</a></li>
<li><a href="category.html?category=Tote bags">Tote bags</a></li>
<li><a href="category.html?category=Mini bags">Mini bags</a></li>
<li>
<a href="category.html?category=Care products">Care products</a>
</li>
</ul>
</li>
<li class="menu_dropdown">
<a href="collections.html">Collections</a>
<div class="menu_mobile_arrows">
<img
id="menu_chevron_down2"
src="assets/images/icons/chevron-down.svg"
alt="down"
/>
<img
class="hidden"
id="menu_chevron_up2"
src="assets/images/icons/chevron-up.svg"
alt="up"
/>
</div>
<ul class="hidden" id="dropdown_content2">
<li><a href="snow_queen.html">Snow queen</a></li>
<li><a href="classic.html">Classic</a></li>
<li><a href="recycled.html">Recycled</a></li>
</ul>
</li>
<li><a href="sale.html">Sale</a></li>
<li><a href="sustainability.html">Sustainability</a></li>
<li><a href="about_us.html" class="active">About us</a></li>
</ul>
</nav>
</header>
<main>
<div class="heading_wrapper">
<div class="breadcrumbs_wrapper">
<ul class="breadcrumbs">
<li class="breadcrumbs_item breadcrumbs_home">
<a href="index.html" class="breadcrumbs_link home_link"
>Home </a
>
</li>
<li class="breadcrumbs_item">
/ <span class="breadcrumbs_item_active"> About us</span>
</li>
</ul>
</div>
<h1>About us</h1>
</div>
<!-- div heading_wrapper end -->
<div class="mission_text">
<h2>our mission</h2>
<p>SILFEN is a Danish accessory brand established in 2013.</p>
<p>
The brand is characterized by high-quality products created in genuine
materials. The primary focus is on designing products that reflect the
trends of each season, but timeless classics are also a part of the
portfolio.
<br />
Behind Silfen stands the siblings Daniel and Celine Silfen. Both have
a deep passion for danish design and growing up, their childhood was
filled with beautiful bags. They love to build up the brand's DNA with
a new and playful aesthetic towards the key accessory - the bag.
</p>
<p>
In the future, SILFEN is working on colourful designs in different
kinds of material. They love to play with textures and a wide range of
materials in order to challenge their own perception of creating new
styles. Designer Daniel Silfen is never afraid of trying new
combinations in order to continue developing the brand.
</p>
<p>
The aim of the brand is to offer high-quality products in a
thought-through design at reasonable prices.
</p>
</div>
<div class="mission_picture">
<img
src="assets/images/photos/daniel-silfen-foto1.jpg"
alt="daniel silfen"
class="about_us_image"
/>
</div>
<div class="perfect_bag_picture">
<img
src="assets/images/photos/perfect_bag.jpg"
alt="perfect bag"
class="about_us_image"
/>
</div>
<div class="perfect_bag_text">
<h2>perfect bag</h2>
<p>
<q
>For me, the perfect bag is the one I reach for every day. It is the
bag that makes my outfit complete and makes me shine.</q
>
</p>
<p>Celine Silfen, Head of Marketing</p>
</div>
</main>
<footer class="main_footer about_us_footer">
<div class="about">
<div class="footer_heading_wrapper">
<h4>About SILFEN</h4>
<img
src="assets/images/icons/chevron-down.svg"
alt="chevron down icon"
/>
</div>
<ul>
<li><a href="about_us.html" class="footer_menu_link">About us</a></li>
<li>
<a href="contact_us.html" class="footer_menu_link">Contact us</a>
</li>
</ul>
<div class="footer_divider"></div>
</div>
<div class="faq">
<div class="footer_heading_wrapper">
<h4>FAQ</h4>
<img
src="assets/images/icons/chevron-down.svg"
alt="chevron down icon"
/>
</div>
<ul>
<li><a href="#" class="footer_menu_link">Delivery</a></li>
<li><a href="#" class="footer_menu_link">Return</a></li>
<li><a href="#" class="footer_menu_link">Privacy policy</a></li>
</ul>
<div class="footer_divider"></div>
</div>
<div class="follow">
<h4>Follow us</h4>
<a
href="https://www.instagram.com/silfenstudio/"
class="link_social"
target="_blank"
>
<img
src="assets/images/icons/instagram.svg"
alt="instagram icon"
class="footer_icon_social"
/>
</a>
<a
href="https://www.youtube.com/channel/UCwUsHwkGR4253v1iySaJJZw"
class="link_social"
target="_blank"
>
<img
src="assets/images/icons/youtube.svg"
alt="youtube icon"
class="footer_icon_social"
/>
</a>
<a
href="https://www.facebook.com/Silfenstudio/"
class="link_social"
target="_blank"
>
<img
src="assets/images/icons/facebook.svg"
alt="facebook icon"
class="footer_icon_social"
/>
</a>
<a
href="https://www.pinterest.dk/silfen18/"
class="link_social"
target="_blank"
>
<img
src="assets/images/icons/pinterest.svg"
alt="pinterest icon"
class="footer_icon_social_l"
/>
</a>
</div>
<div class="signup">
<h4>keep in touch, get 10% discount</h4>
<form action="#" class="signup_form">
<input
type="email"
name="signup_email"
id="signup_email"
placeholder="enter email"
required
class="signup_email"
/>
<input type="submit" value="sign up" class="signup_submit" />
</form>
</div>
<div class="copyright">
© Copyright - Silfen - Klareboderne 10, 1, <br />
DK-1115 København, Phone: +45 20 51 89 23 <br />
E-mail: info@silfenstudio.com <br />
CVR. 40912320
</div>
<div class="payment">
<h4>We accept</h4>
<div class="payment_images">
<img
src="assets/images/icons/dankort.svg"
alt="dankort"
class="footer_icon"
/>
<img
src="assets/images/icons/visa.svg"
alt="visa"
class="footer_icon"
/>
<img
src="assets/images/icons/mastercard.svg"
alt="mastercard"
class="footer_icon"
/>
<img
src="assets/images/icons/maestro.svg"
alt="maestro"
class="footer_icon"
/>
<img
src="assets/images/icons/jcb.svg"
alt="jcb"
class="footer_icon"
/>
<img
src="assets/images/icons/mobilepay.svg"
alt="mobile pay"
class="footer_icon"
/>
</div>
</div>
<section class="modal" id="modal_signup">
<article class="modal_content">
<span class="signup_close">×</span>
<h2>Thank you for signing up</h2>
<p>We will keep you posted</p>
</article>
</section>
</footer>
<script src="js/main.js"></script>
</body>
</html>