-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1741 lines (1704 loc) · 129 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
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
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<!--required meta tags-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--twitter og-->
<meta name="twitter:site" content="@themetags" />
<meta name="twitter:creator" content="@themetags" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hostim - Hosting Service Provider HTML Template" />
<meta name="twitter:description"
content="Hosting Services HTML Template, software technology, agency & business Bootstrap 5 Html template. It is best and famous hosting services company website template." />
<meta name="twitter:image" content="#" />
<!--facebook og-->
<meta property="og:url" content="#" />
<meta name="twitter:title" content="Hostim - Hosting Service Provider HTML Template" />
<meta property="og:description"
content="Hostim Services HTML Template, software technology, agency & business Bootstrap 5 Html template. It is best and famous hosting services company website template." />
<meta property="og:image" content="#" />
<meta property="og:image:secure_url" content="#" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="600" />
<!--meta-->
<meta name="description"
content="Hostim - Hosting Services HTML Template, software technology, agency & business Bootstrap 5 Html template. It is best and famous hosting services company website template." />
<meta name="author" content="ThemeTags" />
<!--favicon icon-->
<link rel="icon" href="assets/img/favicon.png" type="image/png" sizes="16x16" />
<!--title-->
<title>Validator && Node Việt Nam</title>
<!--google fonts-->
<link
href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&family=Urbanist:wght@600;700&display=swap"
rel="stylesheet">
<!--build:css-->
<link rel="stylesheet" href="assets/css/main.css" />
<!-- endbuild -->
<!--custom css-->
<link rel="stylesheet" href="assets/css/custom.css" />
</head>
<body>
<!--dark light switcher-->
<!-- <button class="dark-light-switcher" id="theme-switch">
<span class="light-sun"><i class="fa-solid fa-sun"></i></span>
<span class="dark-moon"><i class="fa-solid fa-moon"></i></span>
</button> -->
<!--body overlay -->
<div class="body-overlay"></div>
<!--scrolltop button -->
<button class="scrolltop-btn"><i class="fa-solid fa-angle-up"></i></button>
<!--preloader start-->
<div class="loader-wrap">
<div class="preloader">
<div id="handle-preloader" class="handle-preloader">
<div class="animation-preloader">
<div class="spinner"></div>
<div class="txt-loading">
<span data-text-preloader="N" class="letters-loading">N</span>
<span data-text-preloader="O" class="letters-loading">O</span>
<span data-text-preloader="D" class="letters-loading">D</span>
<span data-text-preloader="E" class="letters-loading">E</span>
<span data-text-preloader="V" class="letters-loading">V</span>
<span data-text-preloader="I" class="letters-loading">I</span>
<span data-text-preloader="E" class="letters-loading">E</span>
<span data-text-preloader="T" class="letters-loading">T</span>
<span data-text-preloader="N" class="letters-loading">N</span>
<span data-text-preloader="A" class="letters-loading">A</span>
<span data-text-preloader="M" class="letters-loading">M</span>
</div>
</div>
</div>
</div>
</div>
<!--preloader end-->
<!--main content wrapper start-->
<div class="main-wrapper">
<!--notice bar start-->
<!-- <div class="notice-bar-area">
<div class="notice-bar">
<div class="container">
<div class="row align-items-center g-4 justify-content-center">
<div class="col-xl-4 col-md-7">
<div class="nt-sale d-flex align-items-center justify-content-center justify-content-md-start">
<h5 class="mb-0 text-white me-3 me-md-4">Black Friday Sale</h5>
<ul class="countdown-timer nt-downcount d-flex align-items-center" data-date="12/30/2022 23:59:59">
<li>
<span class="hours box">12</span>
<span class="subtitle d-block">Hour</span>
</li>
<li>
<span class="minutes box">54</span>
<span class="subtitle d-block">Minutes</span>
</li>
<li>
<span class="seconds box">32</span>
<span class="subtitle d-block">Sec</span>
</li>
</ul>
</div>
</div>
<div class="col-xl-5 d-none d-xl-block">
<div class="notice-info">
<p class="mb-0 text-white">Get 80% off Hosting plans + free Domain & SSL!</p>
</div>
</div>
<div class="col-xl-3 col-md-5">
<div class="text-center text-md-end">
<button type="button" class="notice-toggle notice-btn fs-sm fw-bold">View Details<span class="ms-1"><i class="fa-solid fa-angle-down"></i></span></button>
<button type="button" class="notice-close notice-btn fs-sm fw-bold ms-5"><i class="fa-solid fa-xmark"></i></button>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="notice-wrapper w-100">
<section class="friday-hero position-relative overflow-hidden zindex-1">
<img src="assets/img/shapes/gift-box.png" alt="gift box"
class="position-absolute start-0 top-0 zindex--1">
<img src="assets/img/shapes/gift-box-2.png" alt="gift box"
class="position-absolute gift-box-right zindex--1">
<img src="assets/img/shapes/black-circle-right.png" alt="circle"
class="position-absolute bottom-0 end-0 zindex--1">
<img src="assets/img/shapes/black-circle-left.png" alt="circle"
class="position-absolute bottom-0 start-0 zindex--1">
<img src="assets/img/shapes/bf-line.png" alt="not found" class="position-absolute bf-line-left">
<img src="assets/img/shapes/bf-line-2.png" alt="not found"
class="position-absolute bf-line-top zindex--1">
<img src="assets/img/shapes/gift-box-2.png" alt="gift box"
class="position-absolute gift-box-sm start-50 zindex--1">
<img src="assets/img/shapes/bf-dots-white.png" alt="dots shape"
class="position-absolute dots-shape-white zindex--1">
<div class="container">
<div class="row align-items-center justify-content-center g-4">
<div class="col-xl-4 col-md-6">
<div class="super-sale-countdown">
<img src="assets/img/black-friday/super-sale.png" alt="not found" class="img-fluid">
<ul class="countdown-timer sp-downcount-timer d-flex align-items-center mt-4 mb-5"
data-date="12/30/2022 23:59:59">
<li>
<span class="days box">24</span>
<span class="subtitle">Days</span>
</li>
<li>
<span class="hours box">10</span>
<span class="subtitle">Hour</span>
</li>
<li>
<span class="minutes box">45</span>
<span class="subtitle">Minutes</span>
</li>
<li>
<span class="seconds box">10</span>
<span class="subtitle">Sec</span>
</li>
</ul>
<a href="pricing.html" class="template-btn primary-btn">Get Started Now</a>
</div>
</div>
<div class="col-xl-5 col-lg-6 col-md-6">
<div class="offer-badge">
<img src="assets/img/black-friday/offer-badge.png" alt="not found" class="img-fluid">
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-10">
<div class="friday-offer-packages">
<div class="friday-hosting-offer position-relative rounded">
<span class="title-badge">Shared Hosting</span>
<span class="angle-shape"></span>
<span class="sale-price">From $8.54</span>
<h3 class="price mt-2 mb-20">$1.35 <span>USD/MO</span></h3>
<a href="pricing.html" class="template-btn primary-btn py-2 text-uppercase">Save
Now</a>
</div>
<div class="friday-hosting-offer position-relative rounded mt-40">
<span class="title-badge">Web Hosting</span>
<span class="angle-shape"></span>
<span class="sale-price">From $8.54</span>
<h3 class="price mt-2 mb-20">$3.25 <span>USD/MO</span></h3>
<a href="pricing.html" class="template-btn primary-btn py-2 text-uppercase">Save
Now</a>
</div>
<div class="friday-hosting-offer position-relative rounded mt-40">
<span class="title-badge">Email Hosting</span>
<span class="angle-shape"></span>
<span class="sale-price">From $8.54</span>
<h3 class="price mt-2 mb-20">$4.35 <span>USD/MO</span></h3>
<a href="pricing.html" class="template-btn primary-btn py-2 text-uppercase">Save
Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!--notice bar end-->
<!--header area start-->
<header class="header-section header-gradient">
<div class="topbar">
<div class="container">
<div class="row align-item-center">
<!-- <div class="col-md-6">
<div class="topbar-left">
<p class="mb-0">Get 50% Discount Offer <mark>26 Days</mark></p>
</div>
</div> -->
<!-- <div class="col-md-12">
<div class="topbar-right text-end">
<a href="login.html">Login</a>
<a href="signup.html">Sign up</a>
</div>
</div> -->
</div>
</div>
</div>
<div class="header-nav">
<div class="container">
<div class="nav-menu bg-white">
<div class="row align-items-center">
<div class="col-lg-2 col-6">
<div class="logo-wrapper">
<a href="index.html" class="logo-black"><img src="assets/img/logo.png" alt="logo"
class="logo"></a>
<a href="index.html" class="logo-white"><img src="assets/img/logo-white.png"
alt="logo" class="logo"></a>
</div>
</div>
<div class="col-xl-8 col-lg-7 d-none d-lg-block">
<div class="nav-wrapper">
<nav>
<ul>
<li><a href="#">Home</a>
<!-- <div class="submenu-wrapper menu-list theme-megamenu theme-megamenu-2">
<div class="row">
<div class="col-md-6">
<div class="megamenu-item">
<a href="index.html">
<div class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper bg-transparent"><img src="assets/img/server.svg" alt="server" class="list-logo"></span>
<div class="menu-list-content-right ms-3">
<h6>Web Hosting</h6>
<span>Powerful bare metal server</span>
</div>
</div>
</a>
</div>
<div class="megamenu-item">
<a href="index-2.html">
<div class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper bg-transparent"><img src="assets/img/server-1.svg" alt="server" class="list-logo"></span>
<div class="menu-list-content-right ms-3">
<h6>Hosting Services</h6>
<span>Powerful virtual machine</span>
</div>
</div>
</a>
</div>
<div class="megamenu-item">
<a href="index-3.html">
<div class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper bg-transparent"><img src="assets/img/laptop.svg" alt="server" class="list-logo"></span>
<div class="menu-list-content-right ms-3">
<h6>Game Hosting</h6>
<span>Super fast game server</span>
</div>
</div>
</a>
</div>
<div class="megamenu-item">
<a href="index-4.html">
<div class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper bg-transparent"><img src="assets/img/globe.svg" alt="server" class="list-logo"></span>
<div class="menu-list-content-right ms-3">
<h6>Application Hosting</h6>
<span>Flexible Application Hosting</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-6">
<div class="megamenu-item">
<a href="index-5.html">
<div class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper bg-transparent"><img src="assets/img/server-2.svg" alt="server" class="list-logo"></span>
<div class="menu-list-content-right ms-3">
<h6>Hosting Solutions</h6>
<span>Powerful Hosting Solution</span>
</div>
</div>
</a>
</div>
<div class="megamenu-item">
<a href="index-6.html">
<div class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper bg-transparent"><img src="assets/img/server-1.svg" alt="server" class="list-logo"></span>
<div class="menu-list-content-right ms-3">
<h6>Minimal Hosting</h6>
<span>Minimal Web Hosting</span>
</div>
</div>
</a>
</div>
<div class="megamenu-item">
<a href="index-7.html">
<div class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper bg-transparent"><img src="assets/img/laptop.svg" alt="server" class="list-logo"></span>
<div class="menu-list-content-right ms-3">
<h6>Slider Home</h6>
<span>Web Hosting Services</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div> -->
</li>
<li class="has-submenu"><a href="#">Tool</a>
<div class="submenu-wrapper menu-list theme-megamenu">
<div class="row">
<div class="col-md-6">
<div class="megamenu-item"><a href="faucet.html">
<div
class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i
class="fa-solid fa-server"></i></span>
<div class="menu-list-content-right ms-3">
<h6>Faucet<span
class="badge bg-danger ms-3"></span>
</h6>
<span>Testnet token faucet</span>
</div>
</div>
</a></div>
</div>
<div class="col-md-6">
<div class="megamenu-item"><a href="black-friday.html">
<div
class="menu-list-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i
class="fa-brands fa-buffer"></i></span>
<div class="menu-list-content-right ms-3">
<h6>Guide<span
class="badge bg-danger ms-3"></span>
</h6>
<span>Guide node</span>
</div>
</div>
</a></div>
</div>
</div>
</div>
</li>
<li><a href="faucet.html">Faucet</a></li>
<!-- <li><a href="blog-index.html">Blog</a></li> -->
<li class="has-submenu"><a href="#">Social Media</a>
<ul class="submenu-wrapper">
<li><a href="https://t.me/NodeValidatorVietNam"><span class="icon-wrapper">
<i class="fa-brands fa-telegram" style="color:#1DA1F2; font-size: 21px;"></i>
</span> Telegram Group</a></liv>
<li><a href="https://www.youtube.com/@nodevalidatorvietnam">
<span class="icon-wrapper">
<i class="fa-brands fa-youtube" style="color:red; font-size: 21px;"></i>
</span> Youtube<span
class="badge bg-dark ms-3"></span></a></li>
<li><a href="https://twitter.com/NodeValidatorVN">
<span class="icon-wrapper">
<i class="fa-brands fa-twitter" style="color:#1DA1F2; font-size: 21px;" ></i>
</span> Twitter<span
class="badge bg-dark ms-3"></span></a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-6">
<div class="header-right d-flex align-items-center justify-content-end">
<div class="lang-switcher d-none d-sm-block dropdown">
<a href="#"><span class="me-1"><i class="fa-solid fa-globe"></i></span>Vn</a>
<!-- <div class="dropdown-menu dropdown-menu-end">
<ul>
<li><a href="#">Dutch</a></li>
<li><a href="#">Bangla</a></li>
<li><a href="#">Chinese</a></li>
<li><a href="#">Italian</a></li>
<li><a href="#">French</a></li>
<li><a href="#">German</a></li>
<li><a href="#">Bangla</a></li>
<li><a href="#">English</a></li>
</ul>
</div> -->
</div>
<!-- <div class="product-cart next">
<a href="#">
<svg width="16" height="16" viewBox="0 0 17 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.07733 4.65414C3.98625 3.23381 4.3886 2.02388 5.4331 1.07162C6.20782 0.364915 7.13126 0.00406905 8.17979 3.40346e-05C9.41854 -0.00457742 10.4636 0.45945 11.2943 1.3777C12.1272 2.29827 12.4269 3.40386 12.3445 4.65356C12.6154 4.65356 12.8644 4.64895 13.1135 4.65472C13.472 4.66279 13.8369 4.63973 14.1879 4.69853C15.1045 4.85243 15.7944 5.61159 15.8509 6.53676C15.9374 7.95767 15.9956 9.37972 16.0636 10.8018C16.1605 12.8268 16.2556 14.8518 16.3507 16.8774C16.3772 17.4377 16.4083 17.9979 16.421 18.5582C16.4493 19.7734 15.5449 20.7054 14.3257 20.7072C10.2486 20.7118 6.17151 20.7118 2.09441 20.7072C0.868914 20.706 -0.0481878 19.7595 0.00196173 18.5352C0.0901557 16.3943 0.199101 14.2546 0.298824 12.1149C0.376642 10.449 0.452155 8.78254 0.532279 7.11665C0.545536 6.83709 0.551877 6.5529 0.608944 6.28141C0.809542 5.32741 1.62634 4.6674 2.59821 4.65645C3.07953 4.64953 3.5597 4.65414 4.07733 4.65414ZM8.19997 19.3272C10.2279 19.3272 12.2557 19.3278 14.2836 19.3266C14.7794 19.326 15.056 19.0367 15.0393 18.5409C15.0318 18.3109 15.0238 18.081 15.0128 17.851C14.9033 15.5314 14.7932 13.2113 14.6837 10.8917C14.6185 9.51288 14.5586 8.13348 14.4871 6.75523C14.4606 6.24221 14.1885 6.00357 13.683 6.00587C12.6402 6.01106 11.5975 6.01567 10.5553 6.01855C7.93769 6.02547 5.32069 6.03123 2.70312 6.03757C2.23217 6.03873 1.96759 6.2791 1.93819 6.75408C1.90303 7.32071 1.88459 7.8885 1.85807 8.45628C1.70128 11.7961 1.54334 15.1354 1.38713 18.4752C1.36003 19.0592 1.61943 19.3266 2.20278 19.3266C4.20126 19.3272 6.2009 19.3272 8.19997 19.3272ZM10.9611 4.64376C11.0608 3.42 10.6936 2.41528 9.62606 1.77717C8.63748 1.18575 7.61604 1.21919 6.66032 1.86421C5.68384 2.5225 5.36104 3.49263 5.46365 4.64376C7.29612 4.64376 9.11822 4.64376 10.9611 4.64376Z" fill="#001042" />
<path d="M8.217 11.6064C6.28135 11.6052 4.62584 10.3008 4.17334 8.4216C4.10013 8.11782 4.13991 7.8469 4.39411 7.64227C4.61546 7.46357 4.86852 7.44513 5.12503 7.55292C5.37174 7.65668 5.47377 7.8688 5.54006 8.1184C5.83346 9.22226 6.53325 9.92839 7.64922 10.1866C9.06551 10.5146 10.5089 9.63038 10.8859 8.22619C10.9084 8.14318 10.9262 8.05845 10.9533 7.97717C11.0709 7.61748 11.4139 7.42553 11.7886 7.50738C12.1321 7.58232 12.3685 7.92356 12.3027 8.29075C12.2624 8.51498 12.1944 8.73748 12.1125 8.95076C11.4952 10.5653 9.96244 11.6075 8.217 11.6064Z" fill="#001042" />
</svg>
</a>
</div> -->
<div class="header-search position-relative dropdown next">
<button class="border-0" data-bs-toggle="dropdown">
<svg width="16" height="16" viewBox="0 0 19 19" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.421875 7.58979C0.421875 7.27212 0.421875 6.95874 0.421875 6.64107C0.451875 6.43501 0.473304 6.22466 0.507589 6.0186C0.794732 4.31433 1.5833 2.8891 2.88188 1.75149C3.82902 0.918674 4.93045 0.382065 6.16473 0.137372C6.46045 0.0772716 6.76473 0.0429287 7.06473 0C7.38188 0 7.69902 0 8.01188 0C8.2133 0.0257572 8.41902 0.0472216 8.61616 0.0815645C10.279 0.360601 11.6976 1.09897 12.8204 2.36537C14.3376 4.06964 14.9162 6.06582 14.5604 8.31958C14.3847 9.43573 13.939 10.4488 13.2619 11.3546C13.2019 11.4319 13.1462 11.5135 13.0519 11.638C13.1162 11.6809 13.1847 11.7109 13.2319 11.7582C14.8176 13.3379 16.399 14.9177 17.9762 16.5061C18.1433 16.6778 18.2676 16.8881 18.4133 17.0856C18.4133 17.1929 18.4133 17.296 18.4133 17.4033C18.3062 17.5578 18.2247 17.7467 18.079 17.8583C17.7704 18.1073 17.3847 18.0343 17.059 17.7081C15.4304 16.0811 13.8019 14.4541 12.1776 12.8271C12.1262 12.7756 12.0962 12.6983 12.0533 12.6339C11.9933 12.6854 11.9804 12.6897 11.9719 12.694C11.9119 12.7369 11.8519 12.7842 11.7876 12.8271C9.71759 14.2995 7.46759 14.6773 5.08473 13.793C2.68902 12.9044 1.20616 11.1572 0.589018 8.68018C0.511875 8.32387 0.481875 7.95469 0.421875 7.58979ZM13.1719 7.13475C13.159 4.04388 10.6862 1.52826 7.57473 1.5068C4.51473 1.48533 1.95616 3.95373 1.92188 7.09611C1.88759 10.1655 4.41188 12.7369 7.53616 12.7412C10.6176 12.7498 13.1376 10.2943 13.1719 7.13475Z"
fill="#001042" />
</svg>
</button>
<div class="dropdown-menu dropdown-menu-end bg-transparent border-0">
<form class="header-search-form" action="#">
<input type="text" placeholder="Search....">
<input type="submit" value="Go">
</form>
</div>
</div>
<div class="ofcanvus-btns next">
<a href="#" class="ofcanvus-btn d-none d-lg-block"><i
class="fa-solid fa-bars-staggered"></i></a>
<a href="#" class="mobile-menu-toggle d-lg-none"><i
class="fa-solid fa-bars-staggered"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!--header area end-->
<!--mobile menu start-->
<div class="mobile-menu position-fixed bg-white deep-shadow">
<button class="close-menu position-absolute"><i class="fa-solid fa-xmark"></i></button>
<a href="index.html" class="logo-wrapper"><img src="assets/img/logo.png" alt="logo"
class="logo logo-black"></a>
<a href="index.html" class="logo-wrapper"><img src="assets/img/logo-white.png" alt="logo"
class="logo logo-white"></a>
<nav class="mobile-menu-wrapper mt-40">
<ul>
<li class="has-submenu"><a href="javascript:void(0)">Home</a>
<ul>
<li><a href="index.html">
<div class="menu-list-wrapper d-flex align-items-center">
<img src="assets/img/server.svg" alt="server" class="list-logo">
<div class="menu-list-content-right ms-3">
<h6>Web Hosting</h6>
<span>Powerful bare metal server</span>
</div>
</div>
</a></li>
<li><a href="index-2.html">
<div class="menu-list-wrapper d-flex align-items-center">
<img src="assets/img/server-1.svg" alt="server" class="list-logo">
<div class="menu-list-content-right ms-3">
<h6>Hosting Services</h6>
<span>Flexible virtual machine</span>
</div>
</div>
</a>
</li>
<li><a href="index-3.html">
<div class="menu-list-wrapper d-flex align-items-center">
<img src="assets/img/laptop.svg" alt="server" class="list-logo">
<div class="menu-list-content-right ms-3">
<h6>Game Server</h6>
<span>Super fast game server</span>
</div>
</div>
</a></li>
<li><a href="index-4.html">
<div class="menu-list-wrapper d-flex align-items-center">
<img src="assets/img/globe.svg" alt="server" class="list-logo">
<div class="menu-list-content-right ms-3">
<h6>Application Hosting</h6>
<span>Flexible Application Hosting</span>
</div>
</div>
</a></li>
<li><a href="index-5.html">
<div class="menu-list-wrapper d-flex align-items-center">
<img src="assets/img/server-2.svg" alt="server" class="list-logo">
<div class="menu-list-content-right ms-3">
<h6>Hosting Solution</h6>
<span>Powerful Hosting Solutions</span>
</div>
</div>
</a></li>
<li><a href="index-6.html">
<div class="menu-list-wrapper d-flex align-items-center">
<img src="assets/img/server-1.svg" alt="server" class="list-logo">
<div class="menu-list-content-right ms-3">
<h6>Minimal Hosting<span class="badge bg-danger ms-3">New</span></h6>
<span>Minimal Web Hosting</span>
</div>
</div>
</a></li>
<li><a href="index-7.html">
<div class="menu-list-wrapper d-flex align-items-center">
<img src="assets/img/laptop.svg" alt="server" class="list-logo">
<div class="menu-list-content-right ms-3">
<h6>Slider Home<span class="badge bg-danger ms-3">New</span></h6>
<span>Web Hosting Services</span>
</div>
</div>
</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="domain.html">Domain</a></li>
<li class="has-submenu"><a href="javascript:void(0)">Hosting</a>
<ul>
<li><a href="shared-hosting.html">Shared Hosting</a></li>
<li><a href="wp-hosting.html">WordPress Hosting</a></li>
<li><a href="vps-hosting.html">VPS Hosting</a></li>
<li><a href="dedicated-server.html">Dedicated Server</a></li>
<li><a href="reseller-hosting.html">Reseller Hosting</a></li>
<li><a href="game-hosting.html">Game Hosting</a></li>
<li><a href="cloud-hosting.html">Cloud Hosting</a></li>
<li><a href="email-hosting.html">Email Hosting</a></li>
<li><a href="black-friday.html">Black Friday</a></li>
</ul>
</li>
<!-- <li class="has-submenu"><a href="javascript:void(0)">Pages</a>
<ul class="submenu-wrapper">
<li><a href="service.html">Services</a></li>
<li><a href="blog-grids.html">Blog Grid</a></li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="terms.html">Terms & Conditions</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="affiliate.html">Affiliate</a></li>
</ul>
</li> -->
<li><a href="login.html">Login</a></li>
<li><a href="signup.html">Signup</a></li>
</ul>
</nav>
<div class="contact-info mt-60">
<h4 class="mb-20">Contact Info</h4>
<p>Chicago 12, Melborne City, USA</p>
<p>+88 01682648101</p>
<p>[email protected]</p>
<div class="contact-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<!--mobile menu end-->
<!--offcanvus area start-->
<div class="ofcanvus-menu">
<button class="close-canvus"><i class="fa-solid fa-xmark"></i></button>
<div class="megamenu">
<h6 class="mb-20">Recommended Services</h6>
<div class="row g-3">
<div class="col-lg-6">
<a href="shared-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-server"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Shared Web Hosting</h6>
<span>Flexible virtual machines</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="email-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-envelope"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Email Hosting</h6>
<span>Flexible virtual machines</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="vps-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-box"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">VPS Hosting</h6>
<span>Start your host business</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="shared-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-brands fa-windows"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Windows Hosting</h6>
<span>Powerful bare metal servers</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="vps-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-cloud"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Cloud Hosting</h6>
<span>Powerful bare metal servers</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="vps-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-database"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Dedicated Server Hosting</h6>
<span>Keep your date safe</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="wp-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-globe"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Web Hosting</h6>
<span>Start hosting your website</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="shared-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-box"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Virtual Private Server</h6>
<span>Flexible virtual machine</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="vps-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-globe"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Cloud Hosting</h6>
<span>Powerful bare metal servers</span>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="shared-hosting.html" class="mg-item">
<div class="mg-item-wrapper d-flex align-items-center">
<span class="icon-wrapper"><i class="fa-solid fa-shield"></i></span>
<div class="mg-item-content-right ms-2">
<h6 class="mb-0">Data Security</h6>
<span>Keep your data safe</span>
</div>
</div>
</a>
</div>
</div>
<h6 class="mb-20 mt-50">Supported Scripts</h6>
<div class="row g-3">
<div class="col-lg-3">
<a href="#">
<div class="script-icon">
<span class="script-icon-wrapper"><i class="fa-brands fa-wordpress"></i></span>
<h6>WordPress</h6>
</div>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<div class="script-icon">
<span class="script-icon-wrapper"><i class="fa-brands fa-hubspot"></i></span>
<h6>Hubspot</h6>
</div>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<div class="script-icon">
<span class="script-icon-wrapper"><i class="fa-brands fa-joomla"></i></span>
<h6>Joomla</h6>
</div>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<div class="script-icon">
<span class="script-icon-wrapper"><i class="fa-brands fa-drupal"></i></span>
<h6>Drupal</h6>
</div>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<div class="script-icon">
<span class="script-icon-wrapper"><i class="fa-brands fa-wix"></i></span>
<h6>Wix</h6>
</div>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<div class="script-icon">
<span class="script-icon-wrapper"><i class="fa-brands fa-shopify"></i></span>
<h6>Shopify</h6>
</div>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<div class="script-icon">
<span class="script-icon-wrapper"><i class="fa-brands fa-magento"></i></span>
<h6>Magento</h6>
</div>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<div class="script-icon">
<span class="script-icon-wrapper"><i class="fa-brands fa-typo3"></i></span>
<h6>Typeo3</h6>
</div>
</a>
</div>
</div>
</div>
</div>
<!--offcanvus area end-->
<!--hero section start-->
<section class="hero-style-1">
<div class="hero-area overflow-hidden position-relative zindex-1 bg-primary-gradient pt-110">
<img src="assets/img/shapes/circle.svg" alt="circle shape" class="circle-shape position-absolute">
<img src="assets/img/shapes/hero-circle-left.png" alt="circle"
class="left-bottom-circle position-absolute">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="hero1-content-wrap">
<h1 class="display-font mt-4">Node <mark class="position-relative">VietNam</mark></h1>
<p class="lead mt-4">Touch the success! <mark class="text-warning">Sharing is
power</mark></p>
<!-- <div class="hero-btns mt-5">
<a href="pricing.html" class="template-btn primary-btn me-4">Get Started</a>
<a href="service.html" class="template-btn outline-btn">Explore More</a>
</div> -->
</div>
</div>
<div class="col-lg-6">
<div class="hero-right">
<img src="assets/img/hero-img.png" alt="hero image">
</div>
</div>
</div>
</div>
<img src="assets/img/shapes/hero-right-top.png" alt="rectangle shape"
class="right-top position-absolute">
<img src="assets/img/shapes/hero-right-bottom.svg" alt="rectangle shape"
class="right-bottom position-absolute">
</div>
<div class="promo-area light-bg">
<div class="container">
<!-- <div class="row g-4 justify-content-center">
<div class="col-lg-4 col-md-6">
<div class="promo-item bg-white rounded primary-shadow">
<div class="promo-top d-flex align-items-center mb-3">
<img src="assets/img/clock.png" alt="clock" class="img-fluid">
<h5 class="ms-3 mb-0">Professional Support 24/7</h5>
</div>
<p class="mb-0">Expert technical support available all day everyday by phone or live chat.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="promo-item bg-white rounded primary-shadow">
<div class="promo-top d-flex align-items-center mb-3">
<img src="assets/img/perform.png" alt="perform" class="img-fluid">
<h5 class="ms-3 mb-0">Free Site Builder</h5>
</div>
<p class="mb-0">Moving to eukhost is easy, we'll take care of the migration for you for FREE</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="promo-item bg-white rounded primary-shadow">
<div class="promo-top d-flex align-items-center mb-3">
<img src="assets/img/30-day.png" alt="30 Day" class="img-fluid">
<h5 class="ms-3 mb-0">30 Day Money Back</h5>
</div>
<p class="mb-0">Your money back if you change your mind. No quibble, just simple and fair.</p>
</div>
</div>
</div> -->
</div>
</div>
</section>
<!--hero section end-->
<!--pricing section-->
<!-- <section class="pricing-tab-section light-bg pb-120 position-relative zindex-1 overflow-hidden">
<img src="assets/img/shapes/line-red-top.png" alt="line shape" class="position-absolute right-top d-none d-lg-block">
<img src="assets/img/shapes/line-red.svg" alt="line shape" class="position-absolute left-bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-heading text-center">
<h2>We Have Perfect Web Hosting Package for You</h2>
<div class="tab-switch-btn d-inline-flex align-items-center justify-content-center position-relative mt-4">
<span class="monthly fw-bold">Monthly Plan</span>
<input type="checkbox" class="switch-input position-absolute">
<span class="toggle-switch-btn rounded-pill position-relative"></span>
<span class="yearly fw-bold">Yearly Plan</span>
</div>
</div>
</div>
</div>
<div class="pricing-wrapper position-relative zindex-1">
<img src="assets/img/shapes/frame.svg" alt="frame" class="position-absolute frame-shape">
<div class="row g-4 justify-content-center mt-4">
<div class="col-lg-4 col-md-6">
<div class="pricing-column overflow-hidden position-relative bg-white rounded-10 deep-shadow">
<h3 class="h5">Premium <br>Web Hosting</h3>
<span class="pricing-badge position-absolute rounded"><span class="gradient-txt">Save 40%</span></span>
<span class="pricing-label d-block mt-4">Form only</span>
<h4 class="h2 mt-2 monthly-price">$4.25<span>/mo</span></h4>
<h4 class="h2 mt-2 yearly-price">$30<span>/yr</span></h4>
<p class="mt-4">Packed with great features, such as oneclick software installs,24/7 support</p>
<ul class="feature-list mt-4">
<li><span class="me-2"><i class="fa-solid fa-rocket"></i></span>10 GB SSD Storage</li>
<li><span class="me-2"><i class="fa-solid fa-database"></i></span>10 MySQL Database</li>
<li><span class="me-2"><i class="fa-solid fa-globe"></i></span>Unlimited Website</li>
<li><span class="me-2"><i class="fa-solid fa-gears"></i></span>cPanel Control Panel</li>
<li><span class="me-2"><i class="fa-solid fa-briefcase"></i></span>Auto Backup & Cloud Storage</li>
<li><span class="me-2"><i class="fa-solid fa-network-wired"></i></span>Free Supersonic CDN</li>
<li><span class="me-2"><i class="fa-solid fa-window-maximize"></i></span>24 Hours Website Migration</li>
<li><span class="me-2"><i class="fa-solid fa-lock"></i></span>Automatic SSL installation</li>
</ul>
<button class="expand-btn mt-4"><i class="fa-solid fa-angle-down"></i>Expand Feature</button>
<a href="#" class="template-btn secondary-btn w-100 text-center mt-40">Purchase Plan</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-column overflow-hidden position-relative bg-white rounded-10 deep-shadow">
<h3 class="h5">VPS <br>Web Hosting</h3>
<span class="popular-badge position-absolute text-center fw-bold">Most Popular</span>
<span class="pricing-label d-block mt-4">Form only</span>
<h4 class="h2 mt-2 monthly-price">$5.25<span>/mo</span></h4>
<h4 class="h2 mt-2 yearly-price">$35<span>/yr</span></h4>
<p class="mt-4">Packed with great features, such as oneclick software installs,24/7 support</p>
<ul class="feature-list mt-4">
<li><span class="me-2"><i class="fa-solid fa-rocket"></i></span>10 GB SSD Storage</li>
<li><span class="me-2"><i class="fa-solid fa-database"></i></span>10 MySQL Database</li>
<li><span class="me-2"><i class="fa-solid fa-globe"></i></span>Unlimited Website</li>
<li><span class="me-2"><i class="fa-solid fa-gears"></i></span>cPanel Control Panel</li>
<li><span class="me-2"><i class="fa-solid fa-briefcase"></i></span>Auto Backup & Cloud Storage</li>
<li><span class="me-2"><i class="fa-solid fa-network-wired"></i></span>Free Supersonic CDN</li>
<li><span class="me-2"><i class="fa-solid fa-window-maximize"></i></span>24 Hours Website Migration</li>
<li><span class="me-2"><i class="fa-solid fa-lock"></i></span>Automatic SSL installation</li>
</ul>
<button class="expand-btn mt-4"><i class="fa-solid fa-angle-down"></i>Expand Feature</button>
<a href="#" class="template-btn primary-btn w-100 mt-40 text-center">Purchase Plan</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-column overflow-hidden position-relative bg-white rounded-10 deep-shadow">
<h3 class="h5">Manage <br>Dedicated Server</h3>
<span class="pricing-badge position-absolute rounded"><span class="gradient-txt">Save 60%</span></span>
<span class="pricing-label d-block mt-4">Form only</span>
<h4 class="h2 mt-2 monthly-price">$7.25<span>/mo</span></h4>
<h4 class="h2 mt-2 yearly-price">$46<span>/yr</span></h4>
<p class="mt-4">Packed with great features, such as oneclick software installs,24/7 support</p>
<ul class="feature-list mt-4">
<li><span class="me-2"><i class="fa-solid fa-rocket"></i></span>10 GB SSD Storage</li>
<li><span class="me-2"><i class="fa-solid fa-database"></i></span>10 MySQL Database</li>
<li><span class="me-2"><i class="fa-solid fa-globe"></i></span>Unlimited Website</li>
<li><span class="me-2"><i class="fa-solid fa-gears"></i></span>cPanel Control Panel</li>
<li><span class="me-2"><i class="fa-solid fa-briefcase"></i></span>Auto Backup & Cloud Storage</li>
<li><span class="me-2"><i class="fa-solid fa-network-wired"></i></span>Free Supersonic CDN</li>
<li><span class="me-2"><i class="fa-solid fa-window-maximize"></i></span>24 Hours Website Migration</li>
<li><span class="me-2"><i class="fa-solid fa-lock"></i></span>Automatic SSL installation</li>
</ul>
<button class="expand-btn mt-4"><i class="fa-solid fa-angle-down"></i>Expand Feature</button>
<a href="#" class="template-btn secondary-btn w-100 mt-40 text-center">Purchase Plan</a>
</div>
</div>
</div>
</div>
<div class="money-back-area text-center bg-white rounded-10 mt-4 position-relative zindex-1 overflow-hidden">
<img src="assets/img/shapes/mb-circle-left.png" class="position-absolute left-top" alt="circle">
<img src="assets/img/shapes/mb-circle-right.png" class="position-absolute right-bottom" alt="circle">
<h3>30 day Money-back Guarantee.</h3>
<p>Packed with great features, such as one-click software installs,24/7 support .</p>
<ul class="money-back_ft-list d-flex align-items-center justify-content-start justify-content-md-center mt-30">
<li><i class="fa-solid fa-down-left-and-up-right-to-center"></i><span class="ms-2">Easily Upgrade or Downgrade</span></li>
<li><i class="fa-solid fa-calendar-check"></i><span class="ms-2">2 months free if paid yearly</span></li>
<li><i class="fa-solid fa-clock-rotate-left"></i><span class="ms-2">Instant prorated refund</span></li>
</ul>
</div>
</div>
</section> -->
<!--pricing section end-->
<!--migrate hosting start-->
<section class="migrate-hosting bg-primary-gradient position-relative zindex-1">
<img src="assets/img/shapes/migrate-shape-1.svg" alt="circle"
class="position-absolute left-bottom soft-light">
<img src="assets/img/shapes/plus-rounded.svg" alt="plus" class="position-absolute rounded-plus">
<img src="assets/img/shapes/migrate-frame.svg" alt="frame" class="position-absolute migrate-frame">
<img src="assets/img/shapes/line-wave.svg" alt="frame" class="position-absolute line-wave soft-light">
<!-- <div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-xl-5 col-lg-6 order-2 order-lg-1">
<div class="migrate-content">
<h2 class="mb-4">Migrating from another web hosting?</h2>
<p class="mb-50">Compare our plans and find the right solution for your company. Or get in touch for a custom solution. Whatever you need, we can tailor your infrastructure and service based on your needs.</p>
<div class="migrate-btns">
<a href="pricing.html" class="template-btn primary-btn me-4">Book a Demo</a>
<a href="contact.html" class="template-btn outline-btn">Contact Us</a>
</div>
</div>
</div>
<div class="col-lg-5 order-1 order-lg-2">
<div class="migrate-feature-img mb-5 mb-lg-0">
<img src="assets/img/migrate.png" alt="migrate" class="img-fluid">
</div>
</div>
</div>
</div> -->
</section>
<!--migrate hosting end-->
<!--project index start-->
<section class="ds-faq pb-120 ds-bg mt-60">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7">
<div class="section-title text-center">
<h2 class="mb-3 mt-50">Thống kê dự án</h2>
<p>Dưới đây là thống kê các dự án đang trong quá trình chạy testnet, những dự án sắp chạy và
những dự án đã kết thúc testnet.</p>
</div>
</div>
</div>
<div class="mt-5">
<div class="d-flex align-items-center justify-content-center ds-faq-controls">
<ul class="nav nav-tabs border-0 ds-faq-controls justify-content-center" role="tablist">
<li><button class="active" data-bs-toggle="tab" data-bs-target="#faq_shared_hosting"
aria-selected="true" role="tab"><i class="fa-solid fa-gear"></i><span
class="ms-3">Hoạt động</span></button></li>
<li><button data-bs-toggle="tab" data-bs-target="#faq_wp_hosting" aria-selected="false"
tabindex="-1" role="tab"><i class="fa-solid fa-server"></i><span class="ms-3">Sắp
tới</span></button></li>
<li><button data-bs-toggle="tab" data-bs-target="#faq_ws_hosting" aria-selected="false"
tabindex="-1" role="tab"><i class="fa-solid fa-server"></i><span class="ms-3">Kết
thúc</span></button></li>
</ul>
</div>
<div class="tab-content mt-30 position-relative zindex-1">
<div class="tab-pane fade show active" id="faq_shared_hosting" role="tabpanel">
<div class="accordion hm2-accordion rounded-2 deep-shadow bg-white" id="accordion_1">
<div class="row justify-content-start g-4">
<div class="col-xl-3 col-lg-4 col-sm-6">