-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
420 lines (418 loc) · 30.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<title>Vite App</title>
</head>
<body>
<div id="app">
<header>
<div class="subheader">
<div class="container">
<div class="row align-items-center">
<div class="col-6 subheader-left">
<p>
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.3334 4.5L6.00002 11.8333L2.66669 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Free shipping on all orders over $50
</p>
</div>
<div class="col-6">
<div class="subheader-right text-end">
<select name="" id="">
<option value="english">English</option>
<option value="bangla">Bangla</option>
</select>
<a href="#" class="faq">FAQ</a>
<a href="#" class="need-help">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.7">
<path d="M7.99992 14.6667C11.6818 14.6667 14.6666 11.6819 14.6666 8C14.6666 4.3181 11.6818 1.33333 7.99992 1.33333C4.31802 1.33333 1.33325 4.3181 1.33325 8C1.33325 11.6819 4.31802 14.6667 7.99992 14.6667Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 5.33333V8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 10.6667H8.00615" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
Need Help
</a>
</div>
</div>
</div>
</div>
</div>
<div class="main-header">
<div class="container">
<div class="main-header-wrapper">
<a href="#" class="logo">
<img src="src/img/logo.png" alt="">
</a>
<form action="#" class="search-form">
<div class="search-input">
<input type="text" placeholder="search here">
<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5833 17.4167C14.6334 17.4167 17.9167 14.1334 17.9167 10.0833C17.9167 6.03325 14.6334 2.75 10.5833 2.75C6.53325 2.75 3.25 6.03325 3.25 10.0833C3.25 14.1334 6.53325 17.4167 10.5833 17.4167Z" stroke="#272343" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.75 19.25L15.7625 15.2625" stroke="#272343" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</form>
<div class="header-action">
<a href="" class="cart">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.52087 2.97916L4.42754 3.30916L5.31029 13.8261C5.3442 14.2399 5.5329 14.6258 5.83873 14.9066C6.14457 15.1875 6.54506 15.3427 6.96029 15.3413H16.9611C17.3587 15.3418 17.7431 15.1986 18.0436 14.9383C18.344 14.6779 18.5404 14.3178 18.5965 13.9242L19.4673 7.91266C19.4905 7.75279 19.482 7.58991 19.4422 7.43333C19.4024 7.27675 19.3322 7.12955 19.2354 7.00015C19.1387 6.87074 19.0175 6.76167 18.8786 6.67917C18.7397 6.59667 18.5859 6.54235 18.426 6.51933C18.3673 6.51291 4.73371 6.50833 4.73371 6.50833" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.948 9.89542H15.4899" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.55786 18.5194C6.62508 18.5165 6.69219 18.5273 6.75515 18.551C6.81811 18.5748 6.87562 18.611 6.9242 18.6575C6.97279 18.7041 7.01145 18.76 7.03787 18.8219C7.06428 18.8837 7.0779 18.9503 7.0779 19.0176C7.0779 19.0849 7.06428 19.1515 7.03787 19.2134C7.01145 19.2753 6.97279 19.3312 6.9242 19.3777C6.87562 19.4243 6.81811 19.4605 6.75515 19.4842C6.69219 19.508 6.62508 19.5187 6.55786 19.5158C6.42942 19.5103 6.30808 19.4554 6.21914 19.3626C6.13021 19.2698 6.08057 19.1462 6.08057 19.0176C6.08057 18.8891 6.13021 18.7655 6.21914 18.6726C6.30808 18.5798 6.42942 18.5249 6.55786 18.5194Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8988 18.5194C17.0312 18.5194 17.1583 18.5721 17.252 18.6657C17.3457 18.7594 17.3983 18.8865 17.3983 19.019C17.3983 19.1515 17.3457 19.2786 17.252 19.3723C17.1583 19.4659 17.0312 19.5186 16.8988 19.5186C16.7663 19.5186 16.6392 19.4659 16.5455 19.3723C16.4518 19.2786 16.3992 19.1515 16.3992 19.019C16.3992 18.8865 16.4518 18.7594 16.5455 18.6657C16.6392 18.5721 16.7663 18.5194 16.8988 18.5194Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Cart
<span class="count">2</span>
</a>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.63262 10.6315C1.64903 7.56067 2.79762 4.05075 6.02245 3.01217C6.85867 2.74459 7.74676 2.68086 8.61262 2.82629C9.47849 2.97172 10.297 3.32208 10.9999 3.84817C12.3337 2.81692 14.2743 2.46858 15.9683 3.01217C19.1922 4.05075 20.349 7.56067 19.3664 10.6315C17.8355 15.499 10.9999 19.2482 10.9999 19.2482C10.9999 19.2482 4.21478 15.5558 2.63262 10.6315V10.6315Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9862 14.0672C7.44053 14.0672 4.4137 14.6034 4.4137 16.7503C4.4137 18.8971 7.42128 19.4526 10.9862 19.4526C14.5309 19.4526 17.5587 18.9154 17.5587 16.7695C17.5587 14.6236 14.5502 14.0672 10.9862 14.0672V14.0672Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9862 11.0055C11.8195 11.0055 12.634 10.7584 13.3268 10.2955C14.0197 9.83255 14.5597 9.17457 14.8785 8.40475C15.1974 7.63492 15.2808 6.78783 15.1183 5.97058C14.9557 5.15334 14.5545 4.40266 13.9653 3.81346C13.3761 3.22426 12.6254 2.82301 11.8081 2.66045C10.9909 2.49789 10.1438 2.58132 9.37397 2.9002C8.60415 3.21907 7.94617 3.75906 7.48324 4.45188C7.02031 5.14471 6.77322 5.95925 6.77322 6.7925C6.76932 7.90581 7.20779 8.97508 7.99218 9.76515C8.77657 10.5552 9.84266 11.0014 10.956 11.0055H10.9862Z" stroke="currentColor" stroke-width="1.429" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<nav>
<div class="container">
<div class="navbar-content">
<a href="#" class="all-categories">
<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 2.5H0V0.5H18V2.5Z" fill="currentColor"/>
<path d="M18 8.5H0V6.5H18V8.5Z" fill="currentColor"/>
<path d="M18 14.5H0V12.5H18V14.5Z" fill="currentColor"/>
</svg>
All Categories
</a>
<ul>
<li><a href="#"> Home </a></li>
<li><a href="#"> Shop </a></li>
<li><a href="#"> Product </a></li>
<li><a href="#"> Pages </a></li>
<li><a href="#"> About </a></li>
</ul>
<div class="contact-info">
<p>Contact: <a href="#">(808) 555-0111</a></p>
</div>
</div>
</div>
</nav>
</header>
</div>
<section class="banner" style="background-image: url(src/img/banner-bg.png)">
<div class="container">
<div class="banner-wrapper">
<div class="slider-arrows">
<a href="#" class="left-arrow icon-button">
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 1.5L1 6M1 6L5.5 10.5M1 6H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<a href="#" class="right-arrow icon-button">
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 1.5L17 6M17 6L12.5 10.5M17 6H1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
<div class="banner-slider">
<div class="row banner-slider-content">
<div class="col-6">
<div class="banner-slider-left">
<p class="subtitle">Welcome to chairy</p>
<h1>Best Furniture
Collection for your
interior.</h1>
<a href="#" class="button">
Shop Now
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 1.5L17 6M17 6L12.5 10.5M17 6H1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
<div class="col-6">
<div class="banner-slider-right">
<img src="src/img/banner-product.png" alt="">
<div class="info" style="background-image: url('src/img/banner-blob.png')">
<div class="amount">54%</div>
<div class="text">Discount</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="quick-feature">
<div class="container">
<div class="quick-feature-wrapper">
<div class="quickfeature-item">
<div class="image">
<img src="src/img/box.png" alt="">
</div>
<div class="content">
<h3>Discount</h3>
<p>Every week new sales</p>
</div>
</div>
<div class="quickfeature-item">
<div class="image">
<img src="src/img/delivery-truck.png" alt="">
</div>
<div class="content">
<h3>Free Delivery</h3>
<p>Every week new sales</p>
</div>
</div>
<div class="quickfeature-item">
<div class="image">
<img src="src/img/24-hours.png" alt="">
</div>
<div class="content">
<h3>Great Support 24/7</h3>
<p>Every week new sales</p>
</div>
</div>
<div class="quickfeature-item">
<div class="image">
<img src="src/img/shield.png" alt="">
</div>
<div class="content">
<h3>Secure Payment</h3>
<p>Every week new sales</p>
</div>
</div>
</div>
</div>
</section>
<div class="logo-cloud">
<div class="container">
<div class="logo-cloud-wrapper">
<div class="logo-item">
<img src="src/img/company-1.png" alt="">
</div>
<div class="logo-item">
<img src="src/img/company-2.png" alt="">
</div>
<div class="logo-item">
<img src="src/img/company-3.png" alt="">
</div>
<div class="logo-item">
<img src="src/img/company-4.png" alt="">
</div>
<div class="logo-item">
<img src="src/img/company-5.png" alt="">
</div>
<div class="logo-item">
<img src="src/img/company-6.png" alt="">
</div>
<div class="logo-item">
<img src="src/img/company-7.png" alt="">
</div>
</div>
</div>
</div>
<section class="feature-products">
<div class="container">
<div class="section-header">
<h3>Feature Products</h3>
<div class="slider-arrow">
<button type="button" class="icon-button">
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 1.5L1 6M1 6L5.5 10.5M1 6H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<button type="button" class="icon-button">
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 1.5L17 6M17 6L12.5 10.5M17 6H1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</div>
<div class="products">
<div class="row">
<div class="col-3">
<div class="product-item">
<div class="image">
<img src="src/img/product-1.png" alt="">
<div class="label success">New</div>
<a href="#" class="icon-button">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.63268 10.6315C1.64909 7.56068 2.79768 4.05077 6.02251 3.01218C6.85874 2.74461 7.74682 2.68088 8.61268 2.8263C9.47855 2.97173 10.2971 3.3221 11 3.84818C12.3338 2.81693 14.2743 2.4686 15.9683 3.01218C19.1923 4.05077 20.3491 7.56068 19.3664 10.6315C17.8356 15.499 11 19.2482 11 19.2482C11 19.2482 4.21484 15.5558 2.63268 10.6315V10.6315Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
<div class="content">
<div class="info">
<a href="#">Library Stool Chair</a>
<p class="price">$20</p>
</div>
<a href="#" class="icon-button cart">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 3.75L4.83 4.11L5.793 15.583C5.82999 16.0345 6.03584 16.4554 6.36948 16.7618C6.70312 17.0682 7.14002 17.2375 7.593 17.236H18.503C18.9367 17.2365 19.3561 17.0803 19.6838 16.7963C20.0116 16.5122 20.2258 16.1194 20.287 15.69L21.237 9.132C21.2623 8.95759 21.253 8.7799 21.2096 8.60909C21.1662 8.43828 21.0896 8.2777 20.9841 8.13653C20.8786 7.99536 20.7463 7.87637 20.5947 7.78637C20.4432 7.69637 20.2754 7.63711 20.101 7.612C20.037 7.605 5.164 7.6 5.164 7.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.125 11.295H16.898" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.15398 20.703C7.22732 20.6999 7.30053 20.7116 7.36921 20.7375C7.4379 20.7634 7.50063 20.8029 7.55363 20.8537C7.60664 20.9045 7.64882 20.9655 7.67763 21.033C7.70645 21.1005 7.7213 21.1731 7.7213 21.2465C7.7213 21.3199 7.70645 21.3926 7.67763 21.4601C7.64882 21.5276 7.60664 21.5886 7.55363 21.6393C7.50063 21.6901 7.4379 21.7296 7.36921 21.7555C7.30053 21.7814 7.22732 21.7932 7.15398 21.79C7.01387 21.784 6.88149 21.7241 6.78448 21.6228C6.68746 21.5216 6.6333 21.3868 6.6333 21.2465C6.6333 21.1063 6.68746 20.9715 6.78448 20.8702C6.88149 20.7689 7.01387 20.709 7.15398 20.703Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.435 20.703C18.5796 20.703 18.7182 20.7604 18.8204 20.8626C18.9226 20.9648 18.98 21.1035 18.98 21.248C18.98 21.3925 18.9226 21.5312 18.8204 21.6334C18.7182 21.7356 18.5796 21.793 18.435 21.793C18.2905 21.793 18.1518 21.7356 18.0496 21.6334C17.9474 21.5312 17.89 21.3925 17.89 21.248C17.89 21.1035 17.9474 20.9648 18.0496 20.8626C18.1518 20.7604 18.2905 20.703 18.435 20.703Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</div>
<div class="col-3">
<div class="product-item">
<div class="image">
<img src="src/img/product-2.png" alt="">
<div class="label success">New</div>
<a href="#" class="icon-button">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.63268 10.6315C1.64909 7.56068 2.79768 4.05077 6.02251 3.01218C6.85874 2.74461 7.74682 2.68088 8.61268 2.8263C9.47855 2.97173 10.2971 3.3221 11 3.84818C12.3338 2.81693 14.2743 2.4686 15.9683 3.01218C19.1923 4.05077 20.3491 7.56068 19.3664 10.6315C17.8356 15.499 11 19.2482 11 19.2482C11 19.2482 4.21484 15.5558 2.63268 10.6315V10.6315Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
<div class="content">
<div class="info">
<a href="#">Library Stool Chair</a>
<p class="price">$20</p>
</div>
<a href="#" class="icon-button cart">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 3.75L4.83 4.11L5.793 15.583C5.82999 16.0345 6.03584 16.4554 6.36948 16.7618C6.70312 17.0682 7.14002 17.2375 7.593 17.236H18.503C18.9367 17.2365 19.3561 17.0803 19.6838 16.7963C20.0116 16.5122 20.2258 16.1194 20.287 15.69L21.237 9.132C21.2623 8.95759 21.253 8.7799 21.2096 8.60909C21.1662 8.43828 21.0896 8.2777 20.9841 8.13653C20.8786 7.99536 20.7463 7.87637 20.5947 7.78637C20.4432 7.69637 20.2754 7.63711 20.101 7.612C20.037 7.605 5.164 7.6 5.164 7.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.125 11.295H16.898" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.15398 20.703C7.22732 20.6999 7.30053 20.7116 7.36921 20.7375C7.4379 20.7634 7.50063 20.8029 7.55363 20.8537C7.60664 20.9045 7.64882 20.9655 7.67763 21.033C7.70645 21.1005 7.7213 21.1731 7.7213 21.2465C7.7213 21.3199 7.70645 21.3926 7.67763 21.4601C7.64882 21.5276 7.60664 21.5886 7.55363 21.6393C7.50063 21.6901 7.4379 21.7296 7.36921 21.7555C7.30053 21.7814 7.22732 21.7932 7.15398 21.79C7.01387 21.784 6.88149 21.7241 6.78448 21.6228C6.68746 21.5216 6.6333 21.3868 6.6333 21.2465C6.6333 21.1063 6.68746 20.9715 6.78448 20.8702C6.88149 20.7689 7.01387 20.709 7.15398 20.703Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.435 20.703C18.5796 20.703 18.7182 20.7604 18.8204 20.8626C18.9226 20.9648 18.98 21.1035 18.98 21.248C18.98 21.3925 18.9226 21.5312 18.8204 21.6334C18.7182 21.7356 18.5796 21.793 18.435 21.793C18.2905 21.793 18.1518 21.7356 18.0496 21.6334C17.9474 21.5312 17.89 21.3925 17.89 21.248C17.89 21.1035 17.9474 20.9648 18.0496 20.8626C18.1518 20.7604 18.2905 20.703 18.435 20.703Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</div>
<div class="col-3">
<div class="product-item">
<div class="image">
<img src="src/img/product-3.png" alt="">
<div class="label success">New</div>
<a href="#" class="icon-button">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.63268 10.6315C1.64909 7.56068 2.79768 4.05077 6.02251 3.01218C6.85874 2.74461 7.74682 2.68088 8.61268 2.8263C9.47855 2.97173 10.2971 3.3221 11 3.84818C12.3338 2.81693 14.2743 2.4686 15.9683 3.01218C19.1923 4.05077 20.3491 7.56068 19.3664 10.6315C17.8356 15.499 11 19.2482 11 19.2482C11 19.2482 4.21484 15.5558 2.63268 10.6315V10.6315Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
<div class="content">
<div class="info">
<a href="#">Library Stool Chair</a>
<p class="price">$20</p>
</div>
<a href="#" class="icon-button cart">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 3.75L4.83 4.11L5.793 15.583C5.82999 16.0345 6.03584 16.4554 6.36948 16.7618C6.70312 17.0682 7.14002 17.2375 7.593 17.236H18.503C18.9367 17.2365 19.3561 17.0803 19.6838 16.7963C20.0116 16.5122 20.2258 16.1194 20.287 15.69L21.237 9.132C21.2623 8.95759 21.253 8.7799 21.2096 8.60909C21.1662 8.43828 21.0896 8.2777 20.9841 8.13653C20.8786 7.99536 20.7463 7.87637 20.5947 7.78637C20.4432 7.69637 20.2754 7.63711 20.101 7.612C20.037 7.605 5.164 7.6 5.164 7.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.125 11.295H16.898" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.15398 20.703C7.22732 20.6999 7.30053 20.7116 7.36921 20.7375C7.4379 20.7634 7.50063 20.8029 7.55363 20.8537C7.60664 20.9045 7.64882 20.9655 7.67763 21.033C7.70645 21.1005 7.7213 21.1731 7.7213 21.2465C7.7213 21.3199 7.70645 21.3926 7.67763 21.4601C7.64882 21.5276 7.60664 21.5886 7.55363 21.6393C7.50063 21.6901 7.4379 21.7296 7.36921 21.7555C7.30053 21.7814 7.22732 21.7932 7.15398 21.79C7.01387 21.784 6.88149 21.7241 6.78448 21.6228C6.68746 21.5216 6.6333 21.3868 6.6333 21.2465C6.6333 21.1063 6.68746 20.9715 6.78448 20.8702C6.88149 20.7689 7.01387 20.709 7.15398 20.703Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.435 20.703C18.5796 20.703 18.7182 20.7604 18.8204 20.8626C18.9226 20.9648 18.98 21.1035 18.98 21.248C18.98 21.3925 18.9226 21.5312 18.8204 21.6334C18.7182 21.7356 18.5796 21.793 18.435 21.793C18.2905 21.793 18.1518 21.7356 18.0496 21.6334C17.9474 21.5312 17.89 21.3925 17.89 21.248C17.89 21.1035 17.9474 20.9648 18.0496 20.8626C18.1518 20.7604 18.2905 20.703 18.435 20.703Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</div>
<div class="col-3">
<div class="product-item">
<div class="image">
<img src="src/img/product-4.png" alt="">
<div class="label success">New</div>
<a href="#" class="icon-button">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.63268 10.6315C1.64909 7.56068 2.79768 4.05077 6.02251 3.01218C6.85874 2.74461 7.74682 2.68088 8.61268 2.8263C9.47855 2.97173 10.2971 3.3221 11 3.84818C12.3338 2.81693 14.2743 2.4686 15.9683 3.01218C19.1923 4.05077 20.3491 7.56068 19.3664 10.6315C17.8356 15.499 11 19.2482 11 19.2482C11 19.2482 4.21484 15.5558 2.63268 10.6315V10.6315Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
<div class="content">
<div class="info">
<a href="#">Library Stool Chair</a>
<p class="price">$20</p>
</div>
<a href="#" class="icon-button cart">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 3.75L4.83 4.11L5.793 15.583C5.82999 16.0345 6.03584 16.4554 6.36948 16.7618C6.70312 17.0682 7.14002 17.2375 7.593 17.236H18.503C18.9367 17.2365 19.3561 17.0803 19.6838 16.7963C20.0116 16.5122 20.2258 16.1194 20.287 15.69L21.237 9.132C21.2623 8.95759 21.253 8.7799 21.2096 8.60909C21.1662 8.43828 21.0896 8.2777 20.9841 8.13653C20.8786 7.99536 20.7463 7.87637 20.5947 7.78637C20.4432 7.69637 20.2754 7.63711 20.101 7.612C20.037 7.605 5.164 7.6 5.164 7.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.125 11.295H16.898" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.15398 20.703C7.22732 20.6999 7.30053 20.7116 7.36921 20.7375C7.4379 20.7634 7.50063 20.8029 7.55363 20.8537C7.60664 20.9045 7.64882 20.9655 7.67763 21.033C7.70645 21.1005 7.7213 21.1731 7.7213 21.2465C7.7213 21.3199 7.70645 21.3926 7.67763 21.4601C7.64882 21.5276 7.60664 21.5886 7.55363 21.6393C7.50063 21.6901 7.4379 21.7296 7.36921 21.7555C7.30053 21.7814 7.22732 21.7932 7.15398 21.79C7.01387 21.784 6.88149 21.7241 6.78448 21.6228C6.68746 21.5216 6.6333 21.3868 6.6333 21.2465C6.6333 21.1063 6.68746 20.9715 6.78448 20.8702C6.88149 20.7689 7.01387 20.709 7.15398 20.703Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.435 20.703C18.5796 20.703 18.7182 20.7604 18.8204 20.8626C18.9226 20.9648 18.98 21.1035 18.98 21.248C18.98 21.3925 18.9226 21.5312 18.8204 21.6334C18.7182 21.7356 18.5796 21.793 18.435 21.793C18.2905 21.793 18.1518 21.7356 18.0496 21.6334C17.9474 21.5312 17.89 21.3925 17.89 21.248C17.89 21.1035 17.9474 20.9648 18.0496 20.8626C18.1518 20.7604 18.2905 20.703 18.435 20.703Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="top-categories">
<div class="container">
<div class="section-header">
<h3>Top Categories</h3>
<div class="slider-arrow">
<button type="button" class="icon-button">
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 1.5L1 6M1 6L5.5 10.5M1 6H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<button type="button" class="icon-button">
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 1.5L17 6M17 6L12.5 10.5M17 6H1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</div>
<div class="category-slider">
<div class="row">
<div class="col-12 col-md-6 col-lg-6 col-xl-4">
<div class="category-item">
<div class="image">
<img src="/src/img/category-1.png" alt="">
</div>
<div class="content">
<h3>Wing Chair</h3>
<small> 175 Products </small>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-6 col-xl-4">
<div class="category-item">
<div class="image">
<img src="/src/img/category-2.png" alt="">
</div>
<div class="content">
<h3>Wooden Chair</h3>
<small> 175 Products </small>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-6 col-xl-4">
<div class="category-item">
<div class="image">
<img src="/src/img/category-3.png" alt="">
</div>
<div class="content">
<h3>Desk Chair</h3>
<small> 175 Products </small>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="padding: 300px 0;"></section>
<script type="module" src="/main.js"></script>
</body>
</html>