-
Notifications
You must be signed in to change notification settings - Fork 0
/
article.html
557 lines (539 loc) · 29 KB
/
article.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
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- font -->
<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=Lato:wght@900&family=Work+Sans:ital,wght@1,500&display=swap"
rel="stylesheet"
/>
<!-- boostrap style -->
<link rel="stylesheet" href="./disk/boostrap-custom.css" />
<title>Slicing Page Promotion Article</title>
</head>
<body>
<!-- header start -->
<header class="pb-3 pt-1">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid mx-3 px-lg-5">
<!--brand logo start -->
<a class="navbar-brand col-auto" href="index.html">
<img src="./public/assets/brand-logo.svg" alt="logo" />
</a>
<!--brand logo end -->
<!-- menu navigation start -->
<button
aria-expanded="false"
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown2"
aria-controls="navbarNavDropdown2"
aria-label="Toggle navigation"
aria-expanded="false"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse col" id="navbarNavDropdown2">
<ul class="navbar-nav offset-lg-5">
<li class="nav-item">
<a class="nav-link" href="#">About Art</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">For Brand</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">For Stores</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#"
>Promotion</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
<li class="nav-item vr me-3 ms-2 d-none d-lg-block"></li>
<li class="nav-item dropdown">
<button
class="nav-link dropdown-toggle"
href="#"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
EN
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">EN</a></li>
</ul>
</li>
</ul>
</div>
<!-- menu navigation end -->
</div>
</nav>
</header>
<!-- header end -->
<!-- hero start -->
<section class="mx-4 pt-3 pb-5">
<img
src="./public/assets/images/hero-img.jpg"
class="img-fluid"
alt="..."
/>
</section>
<!-- hero end -->
<!-- content start -->
<section class="my-lg-3 mx-auto px-lg-5 d-block article-container">
<!-- header artcile start -->
<header class="row w-75 border-bottom border-1 pb-lg-3">
<h6 class="">
Insights /
<span class="text-gray-400 mx-1">
Mudah! Cara Meredupkan Cahaya Laptop Asus</span
>
</h6>
<h1 class="mt-4 mb-2 text-primary">
Mudah! Cara Meredupkan Cahaya Laptop Asus
</h1>
<!-- -->
<div class="row">
<div class="col-auto">
<p class="text-gray-500">Categories</p>
<span class="text-primary border border-primary rounded-5 p-1">
Tips and Trick
</span>
</div>
<div class="col">
<p class="text-gray-500">Date</p>
<p>10 Dec 2022</p>
</div>
</div>
<!-- -->
</header>
<!-- header artcile end -->
<!-- main article start-->
<main class="my-5 row row-cols-2 mx-5 w-75">
<!-- share menu start -->
<div class="col mb-5 col-lg-2">
<p class="text-gray-600">Share article</p>
<div class="mt-3 d-flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.25305 1.84946C5.42957 1.25 6.96971 1.25 10.05 1.25H13.95C17.0303 1.25 18.5704 1.25 19.7469 1.84946C20.7818 2.37677 21.6232 3.21816 22.1505 4.25305C22.75 5.42957 22.75 6.96971 22.75 10.05V13.95C22.75 17.0303 22.75 18.5704 22.1505 19.7469C21.6232 20.7818 20.7818 21.6232 19.7469 22.1505C18.5704 22.75 17.0303 22.75 13.95 22.75H10.05C6.96971 22.75 5.42957 22.75 4.25305 22.1505C3.21816 21.6232 2.37677 20.7818 1.84946 19.7469C1.25 18.5704 1.25 17.0303 1.25 13.95V10.05C1.25 6.96971 1.25 5.42957 1.84946 4.25305C2.37677 3.21816 3.21816 2.37677 4.25305 1.84946ZM7.5 6C6.67157 6 6 6.67157 6 7.5C6 8.32843 6.67157 9 7.5 9C8.32843 9 9 8.32843 9 7.5C9 6.67157 8.32843 6 7.5 6ZM8.5 11C8.5 10.4477 8.05228 10 7.5 10C6.94772 10 6.5 10.4477 6.5 11V18C6.5 18.5523 6.94772 19 7.5 19C8.05228 19 8.5 18.5523 8.5 18V11ZM12.5 14C12.5 12.8954 13.3954 12 14.5 12C15.6046 12 16.5 12.8954 16.5 14V18C16.5 18.5523 16.9477 19 17.5 19C18.0523 19 18.5 18.5523 18.5 18V14C18.5 11.7909 16.7091 10 14.5 10C12.2909 10 10.5 11.7909 10.5 14V18C10.5 18.5523 10.9477 19 11.5 19C12.0523 19 12.5 18.5523 12.5 18V14Z"
fill="#5A5252"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M16.67 2.25C13.7029 2.25 11.2721 4.61002 11.2721 7.55422C11.2721 7.62338 11.2736 7.69247 11.2766 7.7615C8.00936 7.34208 5.10976 5.69957 3.12289 3.3409C2.96761 3.15657 2.7332 3.05809 2.49286 3.07622C2.25252 3.09435 2.03554 3.22689 1.90967 3.43244C0.927355 5.03663 0.97664 7.00898 1.82032 8.58535C1.43999 8.61839 1.1353 8.94804 1.1353 9.33253C1.1353 10.9216 1.85114 12.3874 3.01053 13.3826C2.80405 13.576 2.72158 13.8826 2.80796 14.156C3.28249 15.6582 4.41851 16.8469 5.86664 17.4381C4.39259 18.1382 2.73498 18.4183 1.09116 18.217C0.743559 18.1744 0.412761 18.3781 0.294242 18.7076C0.175722 19.0372 0.301034 19.4049 0.59613 19.5934C2.75448 20.9727 5.32952 21.75 8.12675 21.75C17.1536 21.75 22.1077 14.4448 22.1077 8.0747V7.59031L22.1269 7.57245C22.3186 7.39301 22.5637 7.12628 22.8053 6.7591C23.2931 6.01801 23.75 4.89264 23.75 3.30361C23.75 3.03461 23.6059 2.78621 23.3724 2.65262C23.1389 2.51904 22.8518 2.52074 22.6199 2.65707C21.9156 3.07112 21.1148 3.39793 20.301 3.60844C19.3141 2.73976 18.0501 2.25 16.67 2.25Z"
fill="#5A5252"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.25305 1.84946C5.42957 1.25 6.96971 1.25 10.05 1.25H13.95C17.0303 1.25 18.5704 1.25 19.7469 1.84946C20.7818 2.37677 21.6232 3.21816 22.1505 4.25305C22.75 5.42957 22.75 6.96971 22.75 10.05V13.95C22.75 17.0303 22.75 18.5704 22.1505 19.7469C21.6232 20.7818 20.7818 21.6232 19.7469 22.1505C18.6093 22.7302 17.1316 22.7493 14.25 22.75V15.25H17C17.6904 15.25 18.25 14.6904 18.25 14C18.25 13.3096 17.6904 12.75 17 12.75H14.25V11.2C14.25 10.6193 14.251 10.259 14.2731 9.98819C14.2939 9.73371 14.3271 9.66871 14.3317 9.65968L14.3317 9.65951C14.4037 9.51839 14.5184 9.40365 14.6595 9.33175L14.6597 9.33166C14.6687 9.32705 14.7337 9.29389 14.9882 9.2731C15.259 9.25097 15.6193 9.25 16.2 9.25H17C17.6904 9.25 18.25 8.69036 18.25 8C18.25 7.30964 17.6904 6.75 17 6.75H16.2L16.1542 6.75C15.6334 6.74997 15.1696 6.74995 14.7846 6.7814C14.3738 6.81496 13.944 6.89048 13.5245 7.10423C12.913 7.41582 12.4158 7.913 12.1042 8.52453C11.8905 8.94403 11.815 9.37381 11.7814 9.78461C11.7499 10.1696 11.75 10.6334 11.75 11.1542L11.75 11.2V12.75H10C9.30964 12.75 8.75 13.3096 8.75 14C8.75 14.6904 9.30964 15.25 10 15.25H11.75V22.75H10.05C6.96971 22.75 5.42957 22.75 4.25305 22.1505C3.21816 21.6232 2.37677 20.7818 1.84946 19.7469C1.25 18.5704 1.25 17.0303 1.25 13.95V10.05C1.25 6.96971 1.25 5.42957 1.84946 4.25305C2.37677 3.21816 3.21816 2.37677 4.25305 1.84946Z"
fill="#5A5252"
/>
</svg>
</div>
</div>
<!-- share menu end -->
<!-- article content start -->
<article class="col-auto col-lg">
<div>
<p>
<span class="text-primary"
>Cara Meredupkan Cahaya Laptop Asus</span
>
| Pada era digital ini, laptop telah menjadi bagian tak
terpisahkan dari kehidupan sehari-hari.
<br />
<br />
Namun, ada saat-saat ketika kita perlu meredupkan cahaya laptop
Asus agar lebih nyaman digunakan, terutama dalam kondisi
pencahayaan rendah.
</p>
</div>
<!-- daftar isi start -->
<div
class="daftar-isi my-lg-5 border border-1 border-gray-400 my-5 p-3"
>
<h6 class="text-primary">Daftar isi:</h6>
<br />
<ol class="text-gray-700">
<li>
Cara Meredupkan Cahaya Laptop Asus
<h6>
<p>a. Penyesuaian Tingkat Kecerahan</p>
<p>b. Mode Malam (Night Mode)</p>
<p>c. Gunakan Aplikasi Pihak Ketiga</p>
<p>d. Custom Wallpaper Gelapn</p>
<p>
e. Pertimbangkan Penggunaan Filter Cahaya Biru (Blue Light
Filter)
</p>
</h6>
</li>
<li>Kesimpulan</li>
<li>Pertanyaan Umum (FAQ)</li>
</ol>
</div>
<!-- daftar isi end -->
<!-- -->
<div class="my-3">
<h4 class="text-primary">Cara Meredupkan Cahaya Laptop Asus</h4>
<p class="text-gray-700">
Dalam artikel ini, kita akan membahas beberapa tips dan trik
efektif untuk meredupkan cahaya laptop Asus Anda.
</p>
<br />
</div>
<div class="my-3">
<h4 class="text-primary">1. Penyesuaian Tingkat Kecerahan</h4>
<p class="text-gray-700">
Salah satu cara termudah untuk meredupkan cahaya laptop adalah
dengan menyesuaikan tingkat kecerahan layar.
</p>
<br />
<p class="text-gray-700">
Pada laptop Asus, Anda dapat menemukan opsi ini di pengaturan
layar. Kurangi tingkat kecerahan hingga mencapai tingkat yang
nyaman tanpa mengorbankan keterbacaan.
</p>
<br />
</div>
<div class="my-3">
<h4 class="text-primary">2. Mode Malam (Night Mode)</h4>
<p class="text-gray-700">
Laptop Asus umumnya dilengkapi dengan fitur mode malam yang dapat
membantu mengurangi cahaya biru yang dapat mengganggu tidur Anda.
</p>
<br />
<p class="text-gray-700">
Aktifkan mode malam untuk meredupkan layar secara otomatis pada
waktu-waktu tertentu, membuat pengalaman menggunakan laptop lebih
nyaman di malam hari.
</p>
<br />
</div>
<!-- article img start -->
<section class="pb-5">
<img
src="./public/assets/images/article-img-1.jpg"
class="img-fluid"
alt="..."
/>
</section>
<!-- article img end -->
<div class="my-3">
<h4 class="text-primary">3. Gunakan Aplikasi Pihak Ketiga</h4>
<p class="text-gray-700">
Beberapa aplikasi pihak ketiga dapat membantu Anda meredupkan
cahaya laptop dengan lebih banyak opsi pengaturan.
</p>
<br />
<p class="text-gray-700">
Contohnya, aplikasi seperti f.lux atau Redshift dapat memberikan
kontrol yang lebih besar atas warna layar dan membantu meredupkan
cahaya secara efektif.
</p>
<br />
</div>
<div class="my-3">
<h4 class="text-primary">3. Gunakan Aplikasi Pihak Ketiga</h4>
<p class="text-gray-700">
Beberapa aplikasi pihak ketiga dapat membantu Anda meredupkan
cahaya laptop dengan lebih banyak opsi pengaturan.
</p>
<br />
<p class="text-gray-700">
Contohnya, aplikasi seperti f.lux atau Redshift dapat memberikan
kontrol yang lebih besar atas warna layar dan membantu meredupkan
cahaya secara efektif.
</p>
<br />
</div>
<div class="my-3">
<h4 class="text-primary">3. Gunakan Aplikasi Pihak Ketiga</h4>
<p class="text-gray-700">
Beberapa aplikasi pihak ketiga dapat membantu Anda meredupkan
cahaya laptop dengan lebih banyak opsi pengaturan.
</p>
<br />
<p class="text-gray-700">
Contohnya, aplikasi seperti f.lux atau Redshift dapat memberikan
kontrol yang lebih besar atas warna layar dan membantu meredupkan
cahaya secara efektif.
</p>
<br />
</div>
<div class="my-3">
<h4 class="text-primary">3. Gunakan Aplikasi Pihak Ketiga</h4>
<p class="text-gray-700">
Beberapa aplikasi pihak ketiga dapat membantu Anda meredupkan
cahaya laptop dengan lebih banyak opsi pengaturan.
</p>
<br />
<p class="text-gray-700">
Contohnya, aplikasi seperti f.lux atau Redshift dapat memberikan
kontrol yang lebih besar atas warna layar dan membantu meredupkan
cahaya secara efektif.
</p>
<br />
</div>
<!-- -->
</article>
<!-- article content end -->
</main>
<!-- main article end -->
</section>
<!-- content end -->
<!-- categories card section start -->
<section class="container-lg px-5 pt-5 my-lg-5">
<h3 class="text-primary my-5" style="font-size: 40px">Relate Insights</h3>
<div class="row row-cols-md-2 row-cols-lg-3">
<div class="my-3 col-md-6">
<div class="card h-100 shadow-sm">
<img
src="./public/assets/images/card-item-7.jpg"
class="card-img-top"
alt="..."
/>
<div class="card-body">
<h5 class="card-title">Summer Splash Sale</h5>
<p class="card-text">
Dive into summer with Beachy Apparel's exclusive swimwear
collection. Enjoy up to 50% off on
<span class="fw-bold text-dark">Beachy Apparel</span>’s
beachwear essentials.
</p>
</div>
<div class="dashed"></div>
<div
class="card-bottom d-flex my-3 mx-2 justify-content-between align-items-end"
>
<div class="">
<span class="text-gray-500">Valid until </span
><span class="text-gray-700">6 Jan 2024</span>
</div>
<a href="./article.html">
<button class="btn btn-primary text-white">Detail</button>
</a>
</div>
</div>
</div>
<div class="my-3 col-md-6">
<div class="card h-100 shadow-sm">
<img
src="./public/assets/images/card-item-8.jpg"
class="card-img-top"
alt="..."
/>
<div class="card-body">
<h5 class="card-title">Foodie's Paradise</h5>
<p class="card-text">
Indulge in a Foodie's Paradise with
<span class="fw-bold text-dark">Gourmet Delights</span>. Enjoy
discounts on gourmet foods, wines, and culinary delights.
</p>
</div>
<div class="dashed"></div>
<div
class="card-bottom d-flex my-3 mx-2 justify-content-between align-items-end"
>
<div class="">
<span class="text-gray-500">Valid until </span
><span class="text-gray-700">6 Jan 2024</span>
</div>
<a href="./article.html">
<button class="btn btn-primary text-white">Detail</button>
</a>
</div>
</div>
</div>
<div class="my-3 col-md-6">
<div class="card h-100 shadow-sm">
<img
src="./public/assets/images/card-item-9.jpg"
class="card-img-top"
alt="..."
/>
<div class="card-body">
<h5 class="card-title">Supermarket Spectacular</h5>
<p class="card-text">
Stock up on groceries and household essentials by getting the
discounts on a wide range of products of
<span class="fw-bold text-dark">Mega Mart Supermarket</span>.
</p>
</div>
<div class="dashed"></div>
<div
class="card-bottom d-flex my-3 mx-2 justify-content-between align-items-end"
>
<div class="">
<span class="text-gray-500">Valid until </span
><span class="text-gray-700">9 Jan 2024</span>
</div>
<a href="./article.html">
<button class="btn btn-primary text-white">Detail</button>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- categories card section end -->
<!-- footer start -->
<footer class="container-lg pt-5 pb-3">
<!-- top footer start -->
<div class="d-flex justify-content-center mb-5">
<div class="text-center">
<!-- -->
<div class="mb-4">
<a href="./index.html">
<svg
xmlns="http://www.w3.org/2000/svg"
width="62"
height="23"
viewBox="0 0 62 23"
fill="none"
>
<path
d="M9.68939 0H9.66931C4.62066 0.0150131 0.520996 3.95346 0.520996 8.79269C0.520996 9.98374 0.767027 11.1397 1.24905 12.2307C1.28921 12.3458 1.34193 12.4634 1.39717 12.5885C2.92607 16.0816 5.81567 18.5813 8.46426 21.2211L9.68186 22.4346L9.6919 22.4246L10.8995 21.2211C13.5481 18.5813 16.4377 16.0841 17.9666 12.5885C18.0218 12.4659 18.072 12.3458 18.1122 12.2307C18.5942 11.1397 18.8402 9.98374 18.8402 8.79269C18.8377 3.95346 14.738 0.0150131 9.68939 0ZM14.8184 10.7819L14.7657 10.902L14.7255 11.0146C14.7129 11.0447 14.6828 11.1147 14.6652 11.1548C13.661 13.4518 11.738 15.3684 9.67935 17.3802C7.62073 15.3684 5.69768 13.4543 4.69347 11.1548V11.1498C4.67841 11.1222 4.64326 11.0422 4.63322 11.0121L4.59305 10.8995L4.54033 10.7819C4.25915 10.1489 4.11856 9.4808 4.11856 8.79269C4.11856 5.93019 6.61401 3.59565 9.68186 3.58564C12.7497 3.59565 15.2452 5.93019 15.2452 8.79269C15.2452 9.4808 15.1021 10.1489 14.8234 10.7819H14.8184Z"
fill="#F8504A"
/>
<path
d="M9.67939 10.279C10.6139 10.279 11.3715 9.52393 11.3715 8.59251C11.3715 7.6611 10.6139 6.90604 9.67939 6.90604C8.74488 6.90604 7.9873 7.6611 7.9873 8.59251C7.9873 9.52393 8.74488 10.279 9.67939 10.279Z"
fill="#F8504A"
/>
<path
d="M29.5483 11.882C29.5483 7.78094 31.848 5.57901 34.9058 5.57901C36.6205 5.57901 38.2573 6.42475 38.8925 7.91856V7.02027C38.8925 6.22958 39.4122 5.77668 40.3184 5.77668H40.7176C41.639 5.77668 42.1436 6.27962 42.1436 7.19793V16.5461C42.1436 17.4644 41.6365 17.9674 40.7176 17.9674H40.3184C39.4197 17.9674 38.8925 17.5195 38.8925 16.7513V15.9181C38.2699 17.3718 36.6205 18.2176 34.9208 18.2176C31.8706 18.2176 29.5483 15.9906 29.5483 11.882ZM38.9929 11.8745C38.9929 9.62255 37.7351 8.22132 35.8824 8.22132C34.0296 8.22132 32.7944 9.61754 32.7944 11.8745C32.7944 14.1315 34.0447 15.5502 35.91 15.5502C37.7753 15.5502 38.9904 14.1465 38.9904 11.8745H38.9929Z"
fill="#F8504A"
/>
<path
d="M52.1874 7.11783L52.1598 7.35554C52.0619 8.23631 51.5522 8.48903 50.6635 8.64167C49.0442 8.9144 48.2057 9.99535 48.2057 12.2298V16.5661C48.2057 17.4844 47.6986 17.9873 46.7797 17.9873H46.3806C45.4592 17.9873 44.9546 17.4819 44.9546 16.5661V7.1954C44.9546 6.2771 45.4617 5.77416 46.3806 5.77416H46.7797C47.6986 5.77416 48.2057 6.20453 48.2057 7.0828V7.62578C48.5647 6.66494 49.4459 5.65155 51.0325 5.65155C51.9062 5.65155 52.2903 6.19453 52.1849 7.11783H52.1874Z"
fill="#F8504A"
/>
<path
d="M54.7823 13.1206V8.22882H54.2576C53.4868 8.22882 53.0601 7.76091 53.0601 6.99274C53.0601 6.22457 53.4592 5.77667 54.1572 5.77667H54.7798V4.79331C54.7798 3.94007 55.1764 3.49718 56.1078 3.29951L56.4844 3.21944C57.579 2.98673 58.0535 3.41711 58.0535 4.4355V5.77667H59.984C60.9757 5.77667 61.41 6.20455 61.41 6.99274C61.41 7.78093 60.9732 8.22882 59.984 8.22882H58.0535V12.8303C58.0535 14.8496 58.646 15.5828 60.1673 15.6378C60.9381 15.6653 61.4351 16.0031 61.4753 16.7363C61.5205 17.537 61.1514 18.0599 60.2477 18.15C60.0368 18.17 59.8259 18.1775 59.6326 18.1775C56.3062 18.1775 54.7772 16.8464 54.7772 13.1231L54.7823 13.1206Z"
fill="#F8504A"
/>
</svg>
</a>
</div>
<!-- -->
<div class="d-flex gap-3">
<a href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.25305 2.2841C5.42957 1.68463 6.96971 1.68463 10.05 1.68463H13.95C17.0303 1.68463 18.5704 1.68463 19.7469 2.2841C20.7818 2.8114 21.6232 3.65279 22.1505 4.68768C22.75 5.8642 22.75 7.40434 22.75 10.4846V14.3846C22.75 17.4649 22.75 19.0051 22.1505 20.1816C21.6232 21.2165 20.7818 22.0579 19.7469 22.5852C18.5704 23.1846 17.0303 23.1846 13.95 23.1846H10.05C6.96971 23.1846 5.42957 23.1846 4.25305 22.5852C3.21816 22.0579 2.37677 21.2165 1.84946 20.1816C1.25 19.0051 1.25 17.4649 1.25 14.3846V10.4846C1.25 7.40434 1.25 5.8642 1.84946 4.68768C2.37677 3.65279 3.21816 2.8114 4.25305 2.2841ZM7.5 6.43463C6.67157 6.43463 6 7.1062 6 7.93463C6 8.76306 6.67157 9.43463 7.5 9.43463C8.32843 9.43463 9 8.76306 9 7.93463C9 7.1062 8.32843 6.43463 7.5 6.43463ZM8.5 11.4346C8.5 10.8823 8.05228 10.4346 7.5 10.4346C6.94772 10.4346 6.5 10.8823 6.5 11.4346V18.4346C6.5 18.9869 6.94772 19.4346 7.5 19.4346C8.05228 19.4346 8.5 18.9869 8.5 18.4346V11.4346ZM12.5 14.4346C12.5 13.3301 13.3954 12.4346 14.5 12.4346C15.6046 12.4346 16.5 13.3301 16.5 14.4346V18.4346C16.5 18.9869 16.9477 19.4346 17.5 19.4346C18.0523 19.4346 18.5 18.9869 18.5 18.4346V14.4346C18.5 12.2255 16.7091 10.4346 14.5 10.4346C12.2909 10.4346 10.5 12.2255 10.5 14.4346V18.4346C10.5 18.9869 10.9477 19.4346 11.5 19.4346C12.0523 19.4346 12.5 18.9869 12.5 18.4346V14.4346Z"
fill="#5A5252"
/>
</svg>
</a>
<a href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
>
<path
d="M16.67 2.68463C13.7028 2.68463 11.2721 5.04465 11.2721 7.98885C11.2721 8.05801 11.2736 8.12711 11.2765 8.19613C8.00933 7.77672 5.10973 6.1342 3.12286 3.77554C2.96758 3.5912 2.73317 3.49272 2.49283 3.51085C2.25249 3.52899 2.0355 3.66152 1.90964 3.86707C0.927325 5.47126 0.97661 7.44361 1.82029 9.01998C1.43996 9.05302 1.13527 9.38267 1.13527 9.76716C1.13527 11.3562 1.85111 12.822 3.0105 13.8173C2.80402 14.0106 2.72155 14.3172 2.80793 14.5907C3.28246 16.0929 4.41848 17.2815 5.86661 17.8727C4.39256 18.5729 2.73495 18.853 1.09113 18.6516C0.743529 18.6091 0.412731 18.8127 0.294211 19.1423C0.175692 19.4718 0.301004 19.8395 0.596099 20.0281C2.75445 21.4073 5.32949 22.1846 8.12671 22.1846C17.1536 22.1846 22.1077 14.8794 22.1077 8.50933V8.02494L22.1269 8.00708C22.3186 7.82764 22.5637 7.56091 22.8053 7.19373C23.2931 6.45264 23.75 5.32727 23.75 3.73825C23.75 3.46924 23.6059 3.22084 23.3724 3.08725C23.1389 2.95367 22.8517 2.95537 22.6198 3.0917C21.9156 3.50575 21.1148 3.83257 20.301 4.04307C19.3141 3.17439 18.0501 2.68463 16.67 2.68463Z"
fill="#5A5252"
/>
</svg>
</a>
<a href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.25305 2.2841C5.42957 1.68463 6.96971 1.68463 10.05 1.68463H13.95C17.0303 1.68463 18.5704 1.68463 19.7469 2.2841C20.7818 2.8114 21.6232 3.65279 22.1505 4.68768C22.75 5.8642 22.75 7.40434 22.75 10.4846V14.3846C22.75 17.4649 22.75 19.0051 22.1505 20.1816C21.6232 21.2165 20.7818 22.0579 19.7469 22.5852C18.6093 23.1648 17.1316 23.184 14.25 23.1846V15.6846H17C17.6904 15.6846 18.25 15.125 18.25 14.4346C18.25 13.7443 17.6904 13.1846 17 13.1846H14.25V11.6346C14.25 11.054 14.251 10.6936 14.2731 10.4228C14.2939 10.1683 14.3271 10.1033 14.3317 10.0943L14.3317 10.0941C14.4037 9.95302 14.5184 9.83828 14.6595 9.76638L14.6597 9.76629C14.6687 9.76168 14.7337 9.72852 14.9882 9.70773C15.259 9.6856 15.6193 9.68463 16.2 9.68463H17C17.6904 9.68463 18.25 9.12499 18.25 8.43463C18.25 7.74428 17.6904 7.18463 17 7.18463H16.2L16.1542 7.18463C15.6334 7.1846 15.1696 7.18458 14.7846 7.21603C14.3738 7.2496 13.944 7.32512 13.5245 7.53886C12.913 7.85045 12.4158 8.34764 12.1042 8.95916C11.8905 9.37866 11.815 9.80844 11.7814 10.2192C11.7499 10.6042 11.75 11.068 11.75 11.5888L11.75 11.6346V13.1846H10C9.30964 13.1846 8.75 13.7443 8.75 14.4346C8.75 15.125 9.30964 15.6846 10 15.6846H11.75V23.1846H10.05C6.96971 23.1846 5.42957 23.1846 4.25305 22.5852C3.21816 22.0579 2.37677 21.2165 1.84946 20.1816C1.25 19.0051 1.25 17.4649 1.25 14.3846V10.4846C1.25 7.40434 1.25 5.8642 1.84946 4.68768C2.37677 3.65279 3.21816 2.8114 4.25305 2.2841Z"
fill="#5A5252"
/>
</svg>
</a>
<a href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M10.05 1.68463C6.96971 1.68463 5.42957 1.68463 4.25305 2.2841C3.21816 2.8114 2.37677 3.65279 1.84946 4.68768C1.25 5.8642 1.25 7.40434 1.25 10.4846V14.3846C1.25 17.4649 1.25 19.0051 1.84946 20.1816C2.37677 21.2165 3.21816 22.0579 4.25305 22.5852C5.42957 23.1846 6.96971 23.1846 10.05 23.1846H13.95C17.0303 23.1846 18.5704 23.1846 19.7469 22.5852C20.7818 22.0579 21.6232 21.2165 22.1505 20.1816C22.75 19.0051 22.75 17.4649 22.75 14.3846V10.4846C22.75 7.40434 22.75 5.8642 22.1505 4.68768C21.6232 3.65279 20.7818 2.8114 19.7469 2.2841C18.5704 1.68463 17.0303 1.68463 13.95 1.68463H10.05ZM7.25 12.4346C7.25 9.81128 9.37665 7.68463 12 7.68463C14.6234 7.68463 16.75 9.81128 16.75 12.4346C16.75 15.058 14.6234 17.1846 12 17.1846C9.37665 17.1846 7.25 15.058 7.25 12.4346ZM18.5 7.43463C19.3284 7.43463 20 6.76306 20 5.93463C20 5.1062 19.3284 4.43463 18.5 4.43463C17.6716 4.43463 17 5.1062 17 5.93463C17 6.76306 17.6716 7.43463 18.5 7.43463Z"
fill="#5A5252"
/>
</svg>
</a>
</div>
<!-- -->
</div>
</div>
<!-- top footer end -->
<!-- bottom footer start -->
<div
class="text-gray-700 mt-5 pt-3 border-top d-flex justify-content-between"
>
<p>© Copyright 2023 All Rights Reserved. Art</p>
<p>Privacy Policy (Vietnamese)</p>
</div>
<!-- bottom footer end -->
</footer>
<!-- footer send -->
<!-- script start -->
<script src="./node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- <script src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script> -->
<!-- script end -->
</body>
</html>