-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
473 lines (473 loc) · 19.5 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
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
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>furniro</title>
<!-- google font links 1 -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<!-- google font links 0 -->
<!-- stylesheet links 1 -->
<link rel="stylesheet" href="css/all.min.css" />
<link rel="stylesheet" href="css/style.css" />
<!-- stylesheet links 0 -->
</head>
<body>
<!-- header section 1 -->
<section id="header-section">
<div class="container">
<div class="header-flex">
<div class="header-logo">
<a href="#">
<picture>
<img src="image/logo.png" alt="logo.png" />
</picture>
</a>
</div>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
</ul>
<ul>
<li><a href="html/shop.html">Shop</a></li>
</ul>
<ul>
<li><a href="html/blog.html">About</a></li>
</ul>
<ul>
<li><a href="html/contact.html">Contact</a></li>
</ul>
</div>
<div class="header-icons">
<div class="user">
<a href="#">
<svg
width="28"
height="28"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M23.3333 14V8.16669H25.6666V15.1667H23.3333M23.3333 19.8334H25.6666V17.5H23.3333M11.6666 15.1667C14.7816 15.1667 21 16.73 21 19.8334V23.3334H2.33331V19.8334C2.33331 16.73 8.55165 15.1667 11.6666 15.1667ZM11.6666 4.66669C12.9043 4.66669 14.0913 5.15835 14.9665 6.03352C15.8416 6.90869 16.3333 8.09568 16.3333 9.33335C16.3333 10.571 15.8416 11.758 14.9665 12.6332C14.0913 13.5084 12.9043 14 11.6666 14C10.429 14 9.24198 13.5084 8.36682 12.6332C7.49164 11.758 6.99998 10.571 6.99998 9.33335C6.99998 8.09568 7.49164 6.90869 8.36682 6.03352C9.24198 5.15835 10.429 4.66669 11.6666 4.66669ZM11.6666 17.3834C8.20165 17.3834 4.54998 19.0867 4.54998 19.8334V21.1167H18.7833V19.8334C18.7833 19.0867 15.1316 17.3834 11.6666 17.3834ZM11.6666 6.88335C11.0169 6.88335 10.3937 7.14148 9.93424 7.60094C9.47477 8.06041 9.21665 8.68357 9.21665 9.33335C9.21665 9.98313 9.47477 10.6063 9.93424 11.0658C10.3937 11.5252 11.0169 11.7834 11.6666 11.7834C12.3164 11.7834 12.9396 11.5252 13.3991 11.0658C13.8585 10.6063 14.1166 9.98313 14.1166 9.33335C14.1166 8.68357 13.8585 8.06041 13.3991 7.60094C12.9396 7.14148 12.3164 6.88335 11.6666 6.88335Z"
fill="black"
/>
</svg>
</a>
</div>
<div class="search">
<a href="#">
<svg
width="28"
height="28"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24.5 24.5L19.2663 19.257M22.1666 12.25C22.1666 14.88 21.1219 17.4024 19.2621 19.2621C17.4024 21.1219 14.88 22.1666 12.25 22.1666C9.61992 22.1666 7.09757 21.1219 5.23784 19.2621C3.3781 17.4024 2.33331 14.88 2.33331 12.25C2.33331 9.61992 3.3781 7.09757 5.23784 5.23784C7.09757 3.3781 9.61992 2.33331 12.25 2.33331C14.88 2.33331 17.4024 3.3781 19.2621 5.23784C21.1219 7.09757 22.1666 9.61992 22.1666 12.25V12.25Z"
stroke="black"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
</a>
</div>
<div class="love">
<a href="#">
<svg
width="28"
height="28"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.16668 3.5C4.94551 3.5 2.33334 6.08533 2.33334 9.275C2.33334 11.8498 3.35418 17.9608 13.4027 24.1383C13.5827 24.2479 13.7893 24.3058 14 24.3058C14.2107 24.3058 14.4173 24.2479 14.5973 24.1383C24.6458 17.9608 25.6667 11.8498 25.6667 9.275C25.6667 6.08533 23.0545 3.5 19.8333 3.5C16.6122 3.5 14 7 14 7C14 7 11.3878 3.5 8.16668 3.5Z"
stroke="black"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</a>
</div>
<div class="cart">
<a href="#">
<svg
width="28"
height="28"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M25.2355 19.1926H8.95234L9.76991 17.5273L23.3543 17.5027C23.8137 17.5027 24.2074 17.1746 24.2894 16.7207L26.1707 6.19062C26.2199 5.91445 26.1461 5.63008 25.9656 5.41406C25.8764 5.30775 25.7652 5.22211 25.6396 5.16309C25.514 5.10407 25.377 5.07308 25.2383 5.07227L7.95702 5.01484L7.80937 4.32031C7.7164 3.87734 7.31718 3.55469 6.86328 3.55469H2.63867C2.38267 3.55469 2.13716 3.65638 1.95614 3.8374C1.77513 4.01841 1.67343 4.26393 1.67343 4.51992C1.67343 4.77592 1.77513 5.02143 1.95614 5.20245C2.13716 5.38346 2.38267 5.48516 2.63867 5.48516H6.08124L6.72656 8.55312L8.31523 16.2449L6.26992 19.5836C6.1637 19.727 6.09972 19.8972 6.08523 20.075C6.07073 20.2528 6.10629 20.4312 6.18788 20.5898C6.35195 20.9152 6.68281 21.1203 7.04921 21.1203H8.7664C8.40032 21.6065 8.20258 22.1988 8.20312 22.8074C8.20312 24.3551 9.46093 25.6129 11.0086 25.6129C12.5562 25.6129 13.8141 24.3551 13.8141 22.8074C13.8141 22.1977 13.6117 21.6043 13.2508 21.1203H17.6559C17.2898 21.6065 17.092 22.1988 17.0926 22.8074C17.0926 24.3551 18.3504 25.6129 19.898 25.6129C21.4457 25.6129 22.7035 24.3551 22.7035 22.8074C22.7035 22.1977 22.5012 21.6043 22.1402 21.1203H25.2383C25.7687 21.1203 26.2035 20.6883 26.2035 20.1551C26.2019 19.8994 26.0993 19.6546 25.9179 19.4743C25.7366 19.294 25.4913 19.1927 25.2355 19.1926ZM8.35898 6.91797L24.1035 6.96992L22.5613 15.6051L10.1937 15.627L8.35898 6.91797ZM11.0086 23.6715C10.5328 23.6715 10.1445 23.2832 10.1445 22.8074C10.1445 22.3316 10.5328 21.9434 11.0086 21.9434C11.4844 21.9434 11.8726 22.3316 11.8726 22.8074C11.8726 23.0366 11.7816 23.2564 11.6196 23.4184C11.4575 23.5805 11.2378 23.6715 11.0086 23.6715ZM19.898 23.6715C19.4223 23.6715 19.034 23.2832 19.034 22.8074C19.034 22.3316 19.4223 21.9434 19.898 21.9434C20.3738 21.9434 20.7621 22.3316 20.7621 22.8074C20.7621 23.0366 20.6711 23.2564 20.509 23.4184C20.347 23.5805 20.1272 23.6715 19.898 23.6715Z"
fill="black"
/>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- header section 0 -->
<!-- banner section 1 -->
<section id="banner-section">
<div class="container">
<div class="banner-content">
<h4>New Arrival</h4>
<h1>
Discover Our <br />
New Collection
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit
tellus, luctus nec ullamcorper mattis.
</p>
<div class="banner-button">
<a href="#">BUY now</a>
</div>
</div>
</div>
</section>
<!-- banner section 0 -->
<!-- range section 1 -->
<section id="range">
<div class="container">
<div class="common-header">
<h2>Browse The Range</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="rooms-flex">
<div class="rooms">
<a href="#">
<picture>
<img src="image/room-one.png" alt="room-one.png" />
</picture>
</a>
<h3>Dining</h3>
</div>
<div class="rooms">
<a href="#">
<picture>
<img src="image/room-two.png" alt="room-two.png" />
</picture>
</a>
<h3>Living</h3>
</div>
<div class="rooms">
<a href="#">
<picture>
<img src="image/room-three.png" alt="room-three.png" />
</picture>
</a>
<h3>Bedroom</h3>
</div>
</div>
</div>
</section>
<!-- range section 0 -->
<!-- products section 1 -->
<section id="product">
<div class="container">
<div class="common-header">
<h2>Our Products</h2>
</div>
<div class="product-item-flex">
<div class="product-item">
<div class="product-item-image">
<a href="#">
<picture><img src="image/proit.png" /></picture>
</a>
<div class="product-item-badge"><p>-25%</p></div>
</div>
<div class="product-item-text">
<h3>Sytherine</h3>
<h4>Stylish cafe chair</h4>
<p>Rp 2.500.000 <del>Rp 3.500.000</del></p>
</div>
<div class="product-item-overlay">
<div class="product-item-overlay-button">
<a href="#">Add to cart</a>
</div>
<div class="product-item-overlay-option">
<a href="#">
<p><i class="fa-solid fa-share-nodes"></i> Share</p>
</a>
<a href="#">
<p><i class="fa-solid fa-code-compare"></i> Compare</p>
</a>
<a href="#">
<p><i class="fa-regular fa-heart"></i> Wishlist</p>
</a>
</div>
</div>
</div>
<div class="product-item">
<div class="product-item-image">
<a href="#">
<picture><img src="image/proit.png" /></picture>
</a>
<div class="product-item-badge"><p>-25%</p></div>
</div>
<div class="product-item-text">
<h3>Sytherine</h3>
<h4>Stylish cafe chair</h4>
<p>Rp 2.500.000 <del>Rp 3.500.000</del></p>
</div>
<div class="product-item-overlay">
<div class="product-item-overlay-button">
<a href="#">Add to cart</a>
</div>
<div class="product-item-overlay-option">
<a href="#">
<p><i class="fa-solid fa-share-nodes"></i> Share</p>
</a>
<a href="#">
<p><i class="fa-solid fa-code-compare"></i> Compare</p>
</a>
<a href="#">
<p><i class="fa-regular fa-heart"></i> Wishlist</p>
</a>
</div>
</div>
</div>
<div class="product-item">
<div class="product-item-image">
<a href="#">
<picture><img src="image/proit.png" /></picture>
</a>
<div class="product-item-badge"><p>-25%</p></div>
</div>
<div class="product-item-text">
<h3>Sytherine</h3>
<h4>Stylish cafe chair</h4>
<p>Rp 2.500.000 <del>Rp 3.500.000</del></p>
</div>
<div class="product-item-overlay">
<div class="product-item-overlay-button">
<a href="#">Add to cart</a>
</div>
<div class="product-item-overlay-option">
<a href="#">
<p><i class="fa-solid fa-share-nodes"></i> Share</p>
</a>
<a href="#">
<p><i class="fa-solid fa-code-compare"></i> Compare</p>
</a>
<a href="#">
<p><i class="fa-regular fa-heart"></i> Wishlist</p>
</a>
</div>
</div>
</div>
<div class="product-item">
<div class="product-item-image">
<a href="#">
<picture><img src="image/proit.png" /></picture>
</a>
<div class="product-item-badge"><p>-25%</p></div>
</div>
<div class="product-item-text">
<h3>Sytherine</h3>
<h4>Stylish cafe chair</h4>
<p>Rp 2.500.000 <del>Rp 3.500.000</del></p>
</div>
<div class="product-item-overlay">
<div class="product-item-overlay-button">
<a href="#">Add to cart</a>
</div>
<div class="product-item-overlay-option">
<a href="#">
<p><i class="fa-solid fa-share-nodes"></i> Share</p>
</a>
<a href="#">
<p><i class="fa-solid fa-code-compare"></i> Compare</p>
</a>
<a href="#">
<p><i class="fa-regular fa-heart"></i> Wishlist</p>
</a>
</div>
</div>
</div>
<div class="product-item">
<div class="product-item-image">
<a href="#">
<picture><img src="image/proit.png" /></picture>
</a>
<div class="product-item-badge"><p>-25%</p></div>
</div>
<div class="product-item-text">
<h3>Sytherine</h3>
<h4>Stylish cafe chair</h4>
<p>Rp 2.500.000 <del>Rp 3.500.000</del></p>
</div>
<div class="product-item-overlay">
<div class="product-item-overlay-button">
<a href="#">Add to cart</a>
</div>
<div class="product-item-overlay-option">
<a href="#">
<p><i class="fa-solid fa-share-nodes"></i> Share</p>
</a>
<a href="#">
<p><i class="fa-solid fa-code-compare"></i> Compare</p>
</a>
<a href="#">
<p><i class="fa-regular fa-heart"></i> Wishlist</p>
</a>
</div>
</div>
</div>
<div class="product-item">
<div class="product-item-image">
<a href="#">
<picture><img src="image/proit.png" /></picture>
</a>
<div class="product-item-badge"><p>-25%</p></div>
</div>
<div class="product-item-text">
<h3>Sytherine</h3>
<h4>Stylish cafe chair</h4>
<p>Rp 2.500.000 <del>Rp 3.500.000</del></p>
</div>
<div class="product-item-overlay">
<div class="product-item-overlay-button">
<a href="#">Add to cart</a>
</div>
<div class="product-item-overlay-option">
<a href="#">
<p><i class="fa-solid fa-share-nodes"></i> Share</p>
</a>
<a href="#">
<p><i class="fa-solid fa-code-compare"></i> Compare</p>
</a>
<a href="#">
<p><i class="fa-regular fa-heart"></i> Wishlist</p>
</a>
</div>
</div>
</div>
<div class="product-item">
<div class="product-item-image">
<a href="#">
<picture><img src="image/proit.png" /></picture>
</a>
<div class="product-item-badge"><p>-25%</p></div>
</div>
<div class="product-item-text">
<h3>Sytherine</h3>
<h4>Stylish cafe chair</h4>
<p>Rp 2.500.000 <del>Rp 3.500.000</del></p>
</div>
<div class="product-item-overlay">
<div class="product-item-overlay-button">
<a href="#">Add to cart</a>
</div>
<div class="product-item-overlay-option">
<a href="#">
<p><i class="fa-solid fa-share-nodes"></i> Share</p>
</a>
<a href="#">
<p><i class="fa-solid fa-code-compare"></i> Compare</p>
</a>
<a href="#">
<p><i class="fa-regular fa-heart"></i> Wishlist</p>
</a>
</div>
</div>
</div>
<div class="product-item">
<div class="product-item-image">
<a href="#">
<picture><img src="image/proit.png" /></picture>
</a>
<div class="product-item-badge"><p>-25%</p></div>
</div>
<div class="product-item-text">
<h3>Sytherine</h3>
<h4>Stylish cafe chair</h4>
<p>Rp 2.500.000 <del>Rp 3.500.000</del></p>
</div>
<div class="product-item-overlay">
<div class="product-item-overlay-button">
<a href="#">Add to cart</a>
</div>
<div class="product-item-overlay-option">
<a href="#">
<p><i class="fa-solid fa-share-nodes"></i> Share</p>
</a>
<a href="#">
<p><i class="fa-solid fa-code-compare"></i> Compare</p>
</a>
<a href="#">
<p><i class="fa-regular fa-heart"></i> Wishlist</p>
</a>
</div>
</div>
</div>
</div>
<div class="product-show-more-button"><a href="#">Show More</a></div>
</div>
</section>
<!-- products section 0 -->
<!-- footer section 1 -->
<section id="footer">
<hr />
<div class="container">
<div class="footer-flex">
<div class="footer-section-one">
<h1>Funiro.</h1>
<p>
400 University Drive Suite 200 Coral<br />
Gables, <br />
FL 33134 USA
</p>
</div>
<div class="footer-section-two">
<div class="section-two-list">
<ul>
<li>
<a href="#"><p>Links</p></a>
</li>
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="section-two-list">
<ul>
<li>
<a href="#"><p>Help</p></a>
</li>
<li><a href="#">Payment Options</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Privacy Policis</a></li>
</ul>
</div>
</div>
<div class="footer-section-three">
<a href="#"><p>Newsletter</p></a>
<input
type="text"
placeholder="Enter Your Email Address"
class="email-input"
/>
<a href="#"><span>Subscribe</span></a>
</div>
</div>
<hr />
<h4>2023 furino. All rights reverved</h4>
</div>
</section>
<!-- footer section 0 -->
</body>
</html>