-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
2068 lines (1863 loc) · 135 KB
/
Copy pathindex.html
File metadata and controls
2068 lines (1863 loc) · 135 KB
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, shrink-to-fit=no" />
<link rel="stylesheet" href="./assets/libs/swiper/swiper-bundle.min.css" />
<!-- Favicon icon-->
<link rel="apple-touch-icon" sizes="180x180" href="./assets/images/favicon/fillvisa-favicon.svg" />
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon/fillvisa-favicon.svg" />
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicon/fillvisa-favicon.svg" />
<link rel="manifest" href="./assets/images/favicon/site.webmanifest" />
<link rel="mask-icon" href="./assets/images/favicon/block-safari-pinned-tab.svg" color="#8b3dff" />
<link rel="shortcut icon" href="./assets/images/favicon/fillvisa-favicon.svg" />
<meta name="msapplication-TileColor" content="#8b3dff" />
<meta name="msapplication-config" content="./assets/images/favicon/tile.xml" />
<!-- Color modes -->
<script src="./assets/js/vendors/color-modes.js"></script>
<!-- Libs CSS -->
<link href="./assets/libs/simplebar/dist/simplebar.min.css" rel="stylesheet" />
<link href="./assets/libs/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
<!-- Scroll Cue -->
<link rel="stylesheet" href="./assets/libs/scrollcue/scrollCue.css" />
<!-- Box icons -->
<link rel="stylesheet" href="./assets/fonts/css/boxicons.min.css" />
<!-- Theme CSS -->
<link rel="stylesheet" href="./assets/css/theme.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="./assets/css/custom.css?v=professional-nav-1">
<!-- Primary Meta Tags -->
<title>Fillvisa - Free, Private Immigration Form Tools</title>
<meta name="description"
content="Fillvisa makes immigration paperwork easier and more accessible with free, privacy-first tools for USCIS and visa forms. No signup, no uploads, no Adobe, and 1,000+ forms filled.">
<meta name="keywords"
content="Fillvisa, USCIS forms, DS-160, I-90, AR-11, visa application form, immigration forms, fill immigration forms online, free visa form filler, secure form tool, browser-based form, local storage, no uploads, privacy-first form tool">
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:title" content="Fillvisa - Free, Private Immigration Form Tools">
<meta property="og:description"
content="Fillvisa helps immigrants prepare official USCIS and visa PDFs in the browser - free, private, and built to make immigration paperwork easier for everyone.">
<meta property="og:url" content="https://fillvisa.com/">
<meta property="og:type" content="website">
<!-- <meta property="og:image" content="https://fillvisa.com/assets/og/home-cover.jpg"> -->
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Fillvisa - Free, Private Immigration Form Tools">
<meta name="twitter:description"
content="Prepare USCIS and visa forms in your browser with Fillvisa. Free for immigrants, privacy-first, no uploads, and no account required.">
<!-- <meta name="twitter:image" content="https://fillvisa.com/assets/og/home-cover.jpg"> -->
<!-- Canonical -->
<link rel="canonical" href="https://fillvisa.com/">
<script src="./assets/js/seo-structured-data.js" defer></script>
</head>
<body>
<!-- Navbar -->
<header>
<nav class="navbar navbar-expand-lg navbar-light w-100">
<div class="container px-3">
<a class="navbar-brand" href="./">
<img class="navbar-logo" src="assets/images/logo/logo.svg" alt />
</a>
<button class="navbar-toggler offcanvas-nav-btn" type="button">
<i class="bi bi-list"></i>
</button>
<div class="offcanvas offcanvas-start offcanvas-nav" style="width: 20rem">
<div class="offcanvas-header">
<a href="./" class="text-inverse">
<img class="navbar-logo" src="assets/images/logo/logo.svg" alt />
</a>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body pt-0 align-items-center">
<ul class="navbar-nav mx-auto align-items-lg-center">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown"
aria-expanded="false">Forms</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="form/">All Forms</a></li>
<li class="nav-item"><a class="nav-link" href="form/green-card.html">Green-card Based</a></li>
<li class="nav-item"><a class="nav-link" href="form/travel-visa.html">Travel & Visa</a></li>
<li class="nav-item"><a class="nav-link" href="form/adoption.html">Adoption-Based</a></li>
<li class="nav-item"><a class="nav-link" href="form/citizenship-naturalization.html">Citizenship & Naturalization</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Products</a>
<div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDropdown">
<a class="dropdown-item mb-3 text-body" href="https://fillvisa.com/">
<div class="d-flex align-items-center">
<i class="bi bi-star-fill fs-4 text-primary"></i>
<div class="ms-3 lh-1">
<h5 class="mb-1">Fillvisa Free</h5>
<p class="mb-0 fs-6">For individuals</p>
</div>
</div>
</a>
<a class="dropdown-item mb-3 text-body" href="https://plus.fillvisa.com/">
<div class="d-flex align-items-center">
<i class="bi bi-cloud-plus-fill fs-4 text-primary"></i>
<div class="ms-3 lh-1">
<h5 class="mb-1">
Fillvisa Plus <span class="text-primary ms-1" id="changelog"></span>
</h5>
<p class="mb-0 fs-6">For professionals</p>
</div>
</div>
</a>
<a class="dropdown-item mb-3 text-body" href="https://github.com/athos2113/fillvisa-os/">
<div class="d-flex align-items-center">
<i class="bi bi-github fs-4 text-primary"></i>
<div class="ms-3 lh-1">
<h5 class="mb-1">
Fillvisa OS <span class="text-primary ms-1" id="changelog"></span>
</h5>
<p class="mb-0 fs-6">Open source</p>
</div>
</div>
</a>
<a class="dropdown-item mb-3 text-body" href="https://plus.fillvisa.com/white-label/">
<div class="d-flex align-items-center">
<i class="bi bi-briefcase-fill fs-4 text-primary"></i>
<div class="ms-3 lh-1">
<h5 class="mb-1">
Fillvisa White Label <span class="text-primary ms-1" id="changelog"></span>
</h5>
<p class="mb-0 fs-6">For organizations</p>
</div>
</div>
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown"
aria-expanded="false">Resources</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="https://fillvisa.com/uscis-cover-letter/">Cover Letter</a></li>
<li class="nav-item"><a class="nav-link" href="https://blog.fillvisa.com/">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="https://changelog.fillvisa.com/">Changelog</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown"
aria-expanded="false">About</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="about.html">Why</a></li>
<li class="nav-item"><a class="nav-link" href="privacy.html">Privacy Policy</a></li>
<li class="nav-item"><a class="nav-link" href="support.html">Support</a></li>
<li class="nav-item"><a class="nav-link" href="update.html">Update OS</a></li>
</ul>
</li>
</ul>
<div class="mt-3 mt-lg-0 d-flex align-items-center">
<a class="btn btn-primary" href="https://plus.fillvisa.com/">For Professionals 👋</a>
</div>
</div>
</div>
</div>
</nav>
</header>
<main>
<!-- <div class="pattern-square"></div> -->
<section class="container py-lg-8 py-5 px-5" data-cue="fadeIn">
<div class="row justify-content-center">
<div class="col-xl-10 col-lg-10 col-12" data-cues="zoomIn" data-group="page-title" data-delay="700">
<div class="text-center d-flex flex-column gap-5">
<div class="d-flex justify-content-center d-none" id="fillvisa-os-update-banner" aria-live="polite">
<a href="./update.html"
class="border border-warning bg-warning bg-opacity-10 text-warning-emphasis rounded-3 px-4 py-3 d-inline-flex align-items-center gap-2 flex-wrap justify-content-center text-decoration-none">
<i class="bi bi-arrow-up-circle fs-5"></i>
<span class="fw-semibold">New update available.</span>
<span id="fillvisa-os-update-copy">Open Updates to view details.</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
<div class="d-flex justify-content-center">
<span
class="bg-primary bg-opacity-10 text-primary border-primary border p-2 fs-6 rounded-pill lh-1 d-flex align-items-center">
<span class="m-2">Open Source Edition</span>
</span>
</div>
<div class="d-flex flex-column gap-3 mx-lg-8">
<h1 class="mb-0">The easiset way to fill Immigration forms</h1>
<p class="mb-0 lead">
Prepare official USCIS and visa PDFs in your browser. No Adobe, no signup, and no timeouts
</p>
</div>
<div
class="cta-buttons mt-4 d-flex flex-column flex-md-row gap-4 justify-content-center align-items-center">
<div class="w-100 w-md-auto mb-2 mb-md-0 text-center">
<a href="form/" class="btn btn-primary btn-lg">Start a free form</a>
</div>
<div class="w-100 w-md-auto my-2 my-md-auto text-center">
<a href="demo/" class="btn btn-outline-primary btn-lg">See how it works</a>
</div>
</div>
<div class="d-flex flex-wrap justify-content-center align-items-center gap-4 mt-2">
<span class="d-flex align-items-center gap-2 text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<circle cx="10" cy="10" r="10" fill="#22c55e"/>
<path d="M5.5 10.5l3 3 6-6" stroke="#fff" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="fw-medium">1,000+ forms filled through Fillvisa</span>
</span>
<span class="d-flex align-items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<circle cx="10" cy="10" r="10" fill="#22c55e"/>
<path d="M5.5 10.5l3 3 6-6" stroke="#fff" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="fw-medium">No account or signup needed</span>
</span>
<span class="d-flex align-items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<circle cx="10" cy="10" r="10" fill="#22c55e"/>
<path d="M5.5 10.5l3 3 6-6" stroke="#fff" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="fw-medium">Family, travel, and employment pathways</span>
</span>
</div>
</div>
</div>
</div>
</section>
<!--Hero section close-->
<!-- Proof strip start -->
<section class="container px-5">
<div class="border-top border-bottom py-4">
<div class="row g-4 text-center text-md-start">
<div class="col-md-3 col-6">
<span class="d-block h3 mb-1">1,000+</span>
<span class="text-body-secondary small">USCIS and visa forms filled</span>
</div>
<div class="col-md-3 col-6">
<span class="d-block h3 mb-1">$0</span>
<span class="text-body-secondary small">Cost for core form filling</span>
</div>
<div class="col-md-3 col-6">
<span class="d-block h3 mb-1">0</span>
<span class="text-body-secondary small">Form uploads to our servers</span>
</div>
<div class="col-md-3 col-6">
<span class="d-block h3 mb-1">EB-1 to EB-5</span>
<span class="text-body-secondary small">Employment categories in our roadmap</span>
</div>
</div>
</div>
</section>
<!-- Proof strip end -->
<!-- Demo video -->
<section class="container py-lg-8 py-5 px-5">
<div class="row justify-content-center">
<div class="col-md-8 col-12">
<div class="text-center position-relative" data-cue="zoomIn" data-show="true" style="animation-name: zoomIn; animation-duration: 600ms; animation-timing-function: ease; animation-delay: 0ms; animation-direction: normal; animation-fill-mode: both;">
<div class="youtube-embed">
<!-- NeetoRecord iframe begins -->
<div style="position: relative; padding-bottom: 62.5%; height: 0;" id="inline-embed-container">
<iframe src="https://junaid.neetorecord.com/embeds/6f6f28d1-3ec1-4330-952c-9214aa4f23a1" height="100%" width="100%" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture" allowfullscreen="" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none;"></iframe>
</div>
<!-- NeetoRecord iframe ends -->
</div>
</div>
</div>
</div>
</section>
<!-- Always Free -->
<section class="py-10 pb-xl-10 px-5">
<div class="container">
<div class="row mb-6">
<div class="col-lg-5">
<div>
<h2 class="mb-0">A free alternative to immigration tools that cost hundreds</h2>
</div>
</div>
<div class="offset-xl-1 col-xl-6">
<div>
<p class="mb-0">
Immigration paperwork is already stressful. Paying hundreds of dollars just to prepare a form
should not be another barrier. Fillvisa keeps core form filling free, private, and accessible
while making official PDFs easier to complete from any device.
</p>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-lg-3 col-md-6">
<div class="card bg-primary bg-opacity-10 p-4 border-0 h-100 card-lift">
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 32 32" fill="none">
<g transform="translate(-152 -515)">
<path
d="M171,525 C171.552,525 172,524.553 172,524 L172,520 C172,519.447 171.552,519 171,519 C170.448,519 170,519.447 170,520 L170,524 C170,524.553 170.448,525 171,525 L171,525 Z M182,543 C182,544.104 181.104,545 180,545 L156,545 C154.896,545 154,544.104 154,543 L154,519 C154,517.896 154.896,517 156,517 L158,517 L158,527 C158,528.104 158.896,529 160,529 L176,529 C177.104,529 178,528.104 178,527 L178,517 L180,517 C181.104,517 182,517.896 182,519 L182,543 L182,543 Z M160,517 L176,517 L176,526 C176,526.553 175.552,527 175,527 L161,527 C160.448,527 160,526.553 160,526 L160,517 L160,517 Z M180,515 L156,515 C153.791,515 152,516.791 152,519 L152,543 C152,545.209 153.791,547 156,547 L180,547 C182.209,547 184,545.209 184,543 L184,519 C184,516.791 182.209,515 180,515 L180,515 Z"
fill="#8B3DFF" />
</g>
</svg>
</div>
<div>
<h3>Guided autosave</h3>
<p class="mb-0 text-primary-emphasis">Never lose your progress. Fillvisa saves every change
automatically
so you can pause anytime and resume right where you left off - no sessions, no timeouts.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card bg-success bg-opacity-10 p-4 border-0 h-100 card-lift">
<div class="mb-4">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M9 12L11 14L15 9.99999M20 12C20 16.4611 14.54 19.6937 12.6414 20.683C12.4361 20.79 12.3334 20.8435 12.191 20.8712C12.08 20.8928 11.92 20.8928 11.809 20.8712C11.6666 20.8435 11.5639 20.79 11.3586 20.683C9.45996 19.6937 4 16.4611 4 12V8.21759C4 7.41808 4 7.01833 4.13076 6.6747C4.24627 6.37113 4.43398 6.10027 4.67766 5.88552C4.9535 5.64243 5.3278 5.50207 6.0764 5.22134L11.4382 3.21067C11.6461 3.13271 11.75 3.09373 11.857 3.07827C11.9518 3.06457 12.0482 3.06457 12.143 3.07827C12.25 3.09373 12.3539 3.13271 12.5618 3.21067L17.9236 5.22134C18.6722 5.50207 19.0465 5.64243 19.3223 5.88552C19.566 6.10027 19.7537 6.37113 19.8692 6.6747C20 7.01833 20 7.41808 20 8.21759V12Z"
stroke="#198754" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div>
<h3>Privacy-first design</h3>
<p class="mb-0 text-success-emphasis">
Your data never leaves your browser.
Fillvisa runs on your device - no cloud sync, no accounts, and no form uploads.
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card bg-info bg-opacity-10 p-4 border-0 h-100 card-lift">
<div class="mb-4">
<svg width="40" height="40" viewBox="0 0 512 512" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M216.332,236.363l-18.534,4.145c-0.515,0.112-0.712,0.423-0.592,0.945l5.174,23.13
c0.113,0.515,0.423,0.712,0.938,0.599l18.533-4.145c7.924-1.777,12.203-7.832,10.546-15.248
C230.706,238.245,224.249,234.587,216.332,236.363z" fill="#0677AC" />
<path
d="M512,255.996l-63.299-51.631l29.002-76.362l-80.641-13.07L384,34.3l-76.361,29.002L256,0.004l-51.638,63.299
L128.007,34.3l-13.07,80.634l-80.634,13.07l28.995,76.362L0,255.996l63.299,51.632l-28.995,76.368l80.634,13.07l13.07,80.633
l76.355-29.002L256,511.996l51.638-63.298L384,477.7l13.063-80.633l80.641-13.07l-29.002-76.368L512,255.996z
M165.476,286.796l-33.613,7.522c-0.515,0.113-0.712,0.43-0.599,0.938l7.635,34.127c0.176,0.769-0.218,1.389-0.987,1.558
l-12.527,2.805c-0.768,0.17-1.389-0.225-1.565-0.987l-18.872-84.356c-0.169-0.776,0.225-1.396,0.994-1.565l54.444-12.182
c0.768-0.17,1.389,0.225,1.565,0.987l2.46,10.997c0.169,0.762-0.225,1.389-0.994,1.558l-39.88,8.925
c-0.507,0.113-0.705,0.423-0.592,0.944l4.949,22.108c0.112,0.508,0.423,0.705,0.938,0.593l33.612-7.522
c0.769-0.176,1.396,0.225,1.565,0.994l2.461,10.99C166.639,286,166.244,286.62,165.476,286.796z
M261.88,303.208l-14.184,3.172
c-1.015,0.226-1.614-0.043-2.2-0.846l-24.194-30.158l-14.952,3.349c-0.514,0.112-0.712,0.422-0.599,0.937l7.409,33.106
c0.17,0.768-0.218,1.389-0.994,1.565l-12.52,2.799c-0.776,0.176-1.396-0.219-1.565-0.988l-18.872-84.355
c-0.176-0.768,0.219-1.389,0.987-1.565l33.613-7.522c15.981-3.574,30.109,4.406,33.542,19.739
c2.545,11.378-2.002,21.656-11.146,27.592l26.196,31.314C263.12,302.129,262.782,303.01,261.88,303.208z
M333.207,287.247
l-54.451,12.182c-0.768,0.176-1.388-0.219-1.564-0.987l-18.872-84.355c-0.169-0.769,0.225-1.389,0.994-1.565l54.444-12.182
c0.768-0.17,1.389,0.225,1.565,0.994l2.46,10.99c0.169,0.769-0.226,1.389-0.994,1.558l-39.88,8.926
c-0.507,0.112-0.705,0.423-0.592,0.944l4.744,21.212c0.12,0.508,0.43,0.712,0.938,0.599l33.612-7.522
c0.775-0.169,1.396,0.226,1.572,0.987l2.46,10.998c0.169,0.761-0.225,1.389-1.001,1.558l-33.612,7.522
c-0.508,0.113-0.705,0.43-0.592,0.938l4.92,21.98c0.113,0.515,0.423,0.719,0.938,0.606l39.88-8.925
c0.762-0.169,1.389,0.226,1.558,0.988l2.46,10.997C334.364,286.458,333.969,287.078,333.207,287.247z
M406.058,270.948
l-54.451,12.182c-0.761,0.169-1.388-0.219-1.558-0.987l-18.871-84.356c-0.176-0.768,0.218-1.395,0.987-1.565l54.452-12.182
c0.768-0.169,1.388,0.226,1.558,0.994l2.46,10.991c0.169,0.768-0.226,1.389-0.987,1.558l-39.88,8.924
c-0.514,0.113-0.712,0.423-0.599,0.945l4.752,21.213c0.113,0.507,0.423,0.712,0.937,0.599l33.613-7.522
c0.768-0.169,1.395,0.218,1.565,0.987l2.46,10.998c0.169,0.761-0.225,1.388-0.994,1.558l-33.612,7.522
c-0.515,0.112-0.712,0.43-0.599,0.938l4.92,21.981c0.113,0.514,0.423,0.719,0.945,0.606l39.872-8.925
c0.768-0.169,1.389,0.226,1.565,0.987l2.453,10.998C407.221,270.159,406.827,270.78,406.058,270.948z"
fill="#0677AC" />
</svg>
</div>
<div>
<h3>Free for immigrants</h3>
<p class="mb-0 text-info-emphasis">No subscriptions, no hidden form limits, and no paywall
before download. Fillvisa exists to make immigration paperwork more accessible.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card bg-danger bg-opacity-10 p-4 border-0 h-100 card-lift">
<div class="mb-4">
<svg width="40" height="40" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 19.77a11.13 11.13 0 0 0-2.26.94L10 25.24 5.44 25a11.13 11.13 0 0 0-.94 2.26l3.37 3.05-3.37 3a10.68 10.68 0 0 0 .94 2.26L10 35.39l-.23 4.54a11.09 11.09 0 0 0 2.26.93l3.05-3.37 3 3.37a10.64 10.64 0 0 0 2.26-.93l-.23-4.54 4.54.23a10.64 10.64 0 0 0 .93-2.26l-3.37-3 3.37-3.05A11.09 11.09 0 0 0 24.66 25l-4.54.23.23-4.53a10.68 10.68 0 0 0-2.26-.94l-3 3.37Z"
stroke="#9E1A3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<circle cx="15.05" cy="30.32" r="3.96" stroke="#9E1A3F" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M29.91 7.14a11 11 0 0 0-2.27.93l.24 4.54-4.54-.23a10.64 10.64 0 0 0-.93 2.26l3.36 3-3.36 3.05A11.09 11.09 0 0 0 23.34 23l4.54-.23-.24 4.53a11 11 0 0 0 2.27.94l3-3.37 3 3.37a11.13 11.13 0 0 0 2.26-.94L38 22.76l4.53.23a11.13 11.13 0 0 0 .94-2.26l-3.37-3.05 3.37-3a10.68 10.68 0 0 0-.94-2.26L38 12.61l.23-4.54A11 11 0 0 0 36 7.14l-3 3.37Z"
stroke="#9E1A3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<circle cx="32.95" cy="17.68" r="3.96" stroke="#9E1A3F" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div>
<h3>Official PDF output</h3>
<p class="mb-0 text-danger-emphasis">Complete your form once and get a perfectly formatted,
ready-to-download USCIS PDF - no manual edits, no extra tools required.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Popular Forms -->
<section class="container py-lg-8 py-5 px-5">
<div class="row gy-4 mb-lg-8 mb-6">
<div class="col-md-12 d-flex justify-content-between align-items-center">
<h2 class="mb-0">Popular Forms</h2>
<a href="form/" class="text-primary fw-semibold small">See all →</a>
</div>
<div class="col-md-4">
<a href="form/i-485/" class="card h-100 card-lift bg-gray-100">
<div class="card-body">
<h4>I-485</h4>
<p class="mb-1 text-primary">Adjustment of Status Package</p>
<p class="mb-0 text-muted small">
Non-citizens use Form I-485 (Application to Register Permanent Residence or Adjust Status)
to apply for permanent resident status and obtain a green card.
</p>
</div>
</a>
</div>
<div class="col-md-4">
<a href="form/usa-ds160/" class="card h-100 card-lift bg-gray-100">
<div class="card-body">
<h4>DS-160</h4>
<p class="mb-1 text-primary">Online Nonimmigrant Visa Application</p>
<p class="mb-0 text-muted small">
Travelers applying for a temporary U.S. visa must complete Form DS-160 online.
It collects key personal and travel details and is submitted electronically before the visa
interview.
</p>
</div>
</a>
</div>
<div class="col-md-4">
<a href="form/n-400/" class="card h-100 card-lift bg-gray-100">
<div class="card-body">
<h4>N-400</h4>
<p class="mb-1 text-primary">Aliens Change of Address Card</p>
<p class="mb-0 text-muted small">
Permanent residents use Form N-400 (Application for Naturalization)
to apply for U.S. citizenship through naturalization.
</p>
</div>
</a>
</div>
<div class="col-md-4">
<a href="form/i-90/" class="card h-100 card-lift bg-gray-100">
<div class="card-body">
<h4>I-90</h4>
<p class="mb-1 text-primary">Green Card Renewal/Replacement Package</p>
<p class="mb-0 text-muted small">
Permanent residents use Form I-90 (Application to Replace Permanent Resident Card)
to replace or renew green card.
</p>
</div>
</a>
</div>
<div class="col-md-4">
<a href="form/ar-11/" class="card h-100 card-lift bg-gray-100">
<div class="card-body">
<h4>AR-11</h4>
<p class="mb-1 text-primary">Aliens Change of Address Card</p>
<p class="mb-0 text-muted small">
Non-citizens use Form AR-11 to notify USCIS of an address change.
</p>
</div>
</a>
</div>
<div class="col-md-4">
<a href="form/g-1145/" class="card h-100 card-lift bg-gray-100">
<div class="card-body">
<h4>G-1145</h4>
<p class="mb-1 text-primary">E-Notification of Application/Petition Acceptance</p>
<p class="mb-0 text-muted small">
Applicants and petitioners use Form G-1145 to
request a text message and/or email when USCIS accepts their form.
</p>
</div>
</a>
</div>
</div>
</section>
<!-- Pain Point Start -->
<div class="container py-lg-8 py-5 px-5 mt-5 d-flex justify-content-center px-5">
<div class="col-xl-8 col-lg-10 col-12" data-cues="zoomIn" data-group="page-title" data-delay="700"
data-disabled="true">
<div class="text-center d-flex flex-column gap-5" data-cue="zoomIn" data-group="page-title" data-delay="700"
data-show="true"
style="animation-name: zoomIn; animation-duration: 600ms; animation-timing-function: ease; animation-delay: 700ms; animation-direction: normal; animation-fill-mode: both;">
<div class="d-flex flex-column gap-3 mx-lg-8">
<h2 class="mb-0 display-5">Immigration forms should not feel this hard</h2>
<p class="lead">
From address changes to green card renewals and employment-based petitions, too much of
immigration still depends on PDFs that do not save reliably, break on mobile, and push people
toward paid tools for basic form preparation.
</p>
</div>
</div>
</div>
</div>
<!-- #1 Pain Point -->
<section class="py-lg-8 py-5 px-5" data-cue="fadeIn">
<div class="container">
<div class="row align-items-center">
<!-- Text column -->
<div class="col-lg-5 col-md-6 col-12">
<div>
<div class="mb-5 mt-4">
<h3 class="mb-3">Some fields just do not work</h3>
<p class="mb-0 lead">
Half the boxes let you type, half do not.
Depending on your browser or device, entire sections of
the form can remain uneditable - forcing you to download Adobe Acrobat.
</p>
</div>
</div>
</div>
<!-- Reddit embed column -->
<div class="col-lg-6 offset-lg-1 col-md-6 col-12 mt-5 mt-md-0">
<blockquote class="reddit-embed-bq" style="height:316px" data-embed-theme="dark"
data-embed-height="316">
<a
href="https://www.reddit.com/r/USCIS/comments/1jdrfna/i90_cant_fill_out_reason_for_application_not/">
I-90 can't fill out "Reason for application" - not "clickable"
</a>
<br> by<a href="https://www.reddit.com/user/Nuja5/">u/Nuja5</a>
in<a href="https://www.reddit.com/r/USCIS/">USCIS</a>
</blockquote>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- #2 Pain Point -->
<section class="py-lg-8 py-5 px-5" data-cue="fadeIn">
<div class="container">
<div class="row align-items-center">
<!-- Text column -->
<div class="col-lg-5 col-md-6 col-12">
<div>
<div class="mb-5 mt-4">
<h3 class="mb-3">Even with Adobe, it can still break</h3>
<p class="mb-0 lead">
Even inside Acrobat, USCIS forms glitch, reset fields,
and break accessibility features - turning a simple update into hours of trial and error.
</p>
</div>
</div>
</div>
<!-- Reddit embed column -->
<div class="col-lg-6 offset-lg-1 col-md-6 col-12 mt-5 mt-md-0">
<blockquote class="reddit-embed-bq" style="height:316px" data-embed-theme="dark"
data-embed-height="316">
<a href="https://www.reddit.com/r/USCIS/comments/1es3mqe/i864_not_working_on_adobe_acrobat/">
USCIS FORM ISSUE⚠️
</a><br> by<a href="https://www.reddit.com/user/ThomasKCom/">u/ThomasKCom</a>
in<a href="https://www.reddit.com/r/USCIS/">USCIS</a>
</blockquote>
<script async="" src="https://embed.reddit.com/widgets.js" charset="UTF-8"></script>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- You are not alone -->
<!-- <section class="py-lg-7 py-5" data-cue="fadeIn">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="text-center mb-xl-7 mb-5 d-flex flex-column gap-2">
<h2 class="mb-0"><span class="">You are not alone</span></h2>
<p class="mb-0 lead">Thousands of immigrants have been through the same loop - and they’re just as
tired of it</p>
</div>
</div>
</div>
<div class="embla" data-cue="zoomIn">
<div class="row">
<div class="embla__viewport mb-4" style="width: 100%">
<div class="embla__container d-flex flex-row">
<div class="embla__slide ms-4">
<div class="d-flex flex-column gap-4">
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/USCIS/comments/1jdrfna/i90_cant_fill_out_reason_for_application_not/">
</a>
</blockquote>
</a>
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/ImmigrationCanada/comments/14fvhqd/do_i_really_need_to_pay_for_adobe_acrobat/">
</a>
</blockquote>
</a>
</div>
</div>
<div class="embla__slide ms-4">
<div class="d-flex flex-column gap-4">
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/EB2_NIW/comments/1nsau1s/what_software_are_you_using_to_fill_uscis_i485/">
</a>
</blockquote>
</a>
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/USCIS/comments/1es3mqe/i864_not_working_on_adobe_acrobat/">
</a>
</blockquote>
</a>
</div>
</div>
<div class="embla__slide ms-4">
<div class="d-flex flex-column gap-4">
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/USCIS/comments/1nvihma/acrobat_wont_let_me_type_na_or_numbers_in_form/">
</a>
</blockquote>
</a>
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/software/comments/1hzw86x/whats_a_free_pdf_form_filler_thats_actually_usable/">
</a>
</blockquote>
</a>
</div>
</div>
<div class="embla__slide ms-4">
<div class="d-flex flex-column gap-4">
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/immigration/comments/1897obh/i130_fields_locked_eg_lines_37_39/">
</a>
</blockquote>
</a>
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/USCIS/comments/1jdrfna/i90_cant_fill_out_reason_for_application_not/">
</a>
</blockquote>
</a>
</div>
</div>
<div class="embla__slide ms-4">
<div class="d-flex flex-column gap-4">
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/Adobe/comments/1ipwiyb/need_adobe_help_i_need_to_fill_out_a_pdf_from_the/">
</a>
</blockquote>
</a>
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/USCIS/comments/1bmmvah/password_protected_uscis_forms/">
</a>
</blockquote>
</a>
</div>
</div>
<div class="embla__slide ms-4">
<div class="d-flex flex-column gap-4">
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/immigration/comments/1nsshx2/uscis_forms_i485_i130_how_to_handle_nonfillable/">
</a>
</blockquote>
</a>
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a href="https://www.reddit.com/r/USCIS/comments/1d8i98s/uscis_form_issue/">
</a>
</blockquote>
</a>
</div>
</div>
<div class="embla__slide ms-4">
<div class="d-flex flex-column gap-4">
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/USCIS/comments/17rxw3d/how_do_you_edit_uscis_pdf_forms_to_add_additional/">
</a>
</blockquote>
</a>
<a href="#!">
<blockquote class="reddit-embed-bq" data-embed-theme="dark">
<a
href="https://www.reddit.com/r/USCIS/comments/1hloxd8/form_i130_form_does_not_allow_to_enter/">
</a>
</blockquote>
</a>
</div>
</div>
</div>
</div>
<div class="embla__dots"></div>
</div>
</div>
</div>
</section> -->
<!-- With Fillvisa -->
<section class="container py-lg-8 py-5 px-5" data-cue="fadeIn">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2">
<div class="text-center mb-xl-7 mb-5">
<h2 class="mb-0">What Fillvisa makes possible</h2>
</div>
</div>
</div>
<div class="row g-lg-7 gy-5">
<div class="col-lg-4 col-md-4">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"
class="bi bi-check-circle text-success" viewBox="0 0 24 24">
<path d="M7.29417 12.9577L10.5048 16.1681L17.6729 9" stroke="currentColor" stroke-width="2.5"
stroke-linecap="round" stroke-linejoin="round" />
<circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" />
</svg>
</div>
<h4>Prepare forms without special software</h4>
<p class="mb-0">No downloads, no Adobe Acrobat.
Open a guided form in your browser, fill your details, and keep control of the final PDF.</p>
</div>
<div class="col-lg-4 col-md-4">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"
class="bi bi-check-circle text-success" viewBox="0 0 24 24">
<path d="M7.29417 12.9577L10.5048 16.1681L17.6729 9" stroke="currentColor" stroke-width="2.5"
stroke-linecap="round" stroke-linejoin="round" />
<circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" />
</svg>
</div>
<h4>Keep sensitive data on your device</h4>
<p class="mb-0">Fillvisa automatically saves your
responses locally so you can pick up exactly where you left off - no account or upload needed.
</p>
</div>
<div class="col-lg-4 col-md-4">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"
class="bi bi-check-circle text-success" viewBox="0 0 24 24">
<path d="M7.29417 12.9577L10.5048 16.1681L17.6729 9" stroke="currentColor" stroke-width="2.5"
stroke-linecap="round" stroke-linejoin="round" />
<circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" />
</svg>
</div>
<h4>Download an official-format PDF</h4>
<p class="mb-0">Once complete, download
a perfectly formatted PDF matching the official USCIS layout - ready to print or submit.</p>
</div>
</div>
</div>
</section>
<!-- With Fillvisa end -->
<!-- How it works -->
<section class="container py-lg-8 py-5 px-5 mt-5" data-cue="fadeIn">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-lg-10 col-md-12">
<div class="d-flex justify-content-center mb-4">
<span
class="bg-primary bg-opacity-10 text-primary border-primary border p-2 fs-6 rounded-pill lh-1 d-flex align-items-center">
<span class="mx-2">How it works</span>
</span>
</div>
<div class="mb-5">
<h2 class="mb-3 display-5 text-center">
Three steps from start to finish
</h2>
<p class="mb-0 text-center lead">
Choose a supported form, answer guided questions, and download a completed official-format PDF.
</p>
</div>
</div>
</div>
<div class="table-responsive-xl">
<div class="row flex-nowrap pb-4 pb-lg-0 me-5 me-lg-0">
<div class="col-lg-4 col-md-6 col-12">
<div class="p-xl-5">
<div class="d-flex align-items-center justify-content-between mb-5">
<div
class="icon-xl icon-shape rounded-circle bg-primary border border-primary-subtle border-4 text-white-stable fw-semibold fs-3">
1</div>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
class="bi bi-arrow-right text-body-tertiary" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
</svg>
</span>
</div>
<h3 class="h4">Fill Out Your Information</h3>
<p class="mb-0">Answer simple, guided questions in your browser.
Fillvisa auto-saves as you type - no lost progress, no software required.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="p-xl-5">
<div class="d-flex align-items-center justify-content-between mb-5">
<div
class="icon-xl icon-shape rounded-circle bg-primary border border-primary-subtle border-4 text-white-stable fw-semibold fs-3">
2</div>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
class="bi bi-arrow-right text-body-tertiary" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
</svg>
</span>
</div>
<h3 class="h4">Review & Download</h3>
<p class="mb-0">Preview your responses instantly and download a completed,
USCIS-formatted PDF that matches the official layout.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="p-xl-5">
<div class="d-flex align-items-center justify-content-between mb-5">
<div
class="icon-xl icon-shape rounded-circle bg-primary border border-primary-subtle border-4 text-white-stable fw-semibold fs-3">
3</div>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
class="bi bi-check-circle-fill text-success" viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</div>
<h3 class="h4">Print or Mail Your Form</h3>
<p class="mb-0">Print the filled form, sign it, and mail it to the
USCIS address listed for your case - or keep a digital copy for your records.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- How it works end-->
<!--More features startt-->
<section class="container py-lg-8 py-5 px-5" data-cue="fadeIn">
<div class="row row-cols-lg-3 row-cols-md-2 gy-5">
<div class="col" data-cue="zoomIn" data-duration="1500">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>
<div class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="27" viewBox="0 0 18 27"
fill="none">
<path
d="M18 7.06901V2.61401C18 2.08358 17.7893 1.57487 17.4142 1.1998C17.0391 0.824727 16.5304 0.614014 16 0.614014H2C1.46957 0.614014 0.960859 0.824727 0.585786 1.1998C0.210714 1.57487 0 2.08358 0 2.61401V7.11401C0.000675612 7.42438 0.0732624 7.73038 0.212065 8.00798C0.350867 8.28559 0.552109 8.52725 0.8 8.71401L7.33375 13.614L0.8 18.514C0.552109 18.7008 0.350867 18.9424 0.212065 19.22C0.0732624 19.4977 0.000675612 19.8036 0 20.114V24.614C0 25.1444 0.210714 25.6532 0.585786 26.0282C0.960859 26.4033 1.46957 26.614 2 26.614H16C16.5304 26.614 17.0391 26.4033 17.4142 26.0282C17.7893 25.6532 18 25.1444 18 24.614V20.159C17.9993 19.8498 17.9273 19.545 17.7896 19.2681C17.652 18.9913 17.4523 18.7499 17.2062 18.5628L10.6588 13.614L17.2062 8.66526C17.4523 8.4781 17.652 8.23673 17.7896 7.95989C17.9273 7.68304 17.9993 7.37819 18 7.06901ZM2 2.61401H16V7.06901L15.2787 7.61401H2.66625L2 7.11401V2.61401ZM9 12.364L5.33375 9.61401H12.6338L9 12.364ZM16 24.614H2V20.114L8 15.614V18.614C8 18.8792 8.10536 19.1336 8.29289 19.3211C8.48043 19.5087 8.73478 19.614 9 19.614C9.26522 19.614 9.51957 19.5087 9.70711 19.3211C9.89464 19.1336 10 18.8792 10 18.614V15.624L16 20.159V24.614Z"
fill="#8B3DFF" />
</svg>
</div>
</div>
<div class="ms-4">
<h4>Real-time sync</h4>
<p class="mb-0">Your progress is saved automatically in your browser as you work.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col" data-cue="zoomIn" data-duration="1500">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>
<div class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"
fill="none">
<path opacity="0.2"
d="M23 16.614C23 17.9985 22.5895 19.3519 21.8203 20.503C21.0511 21.6542 19.9579 22.5514 18.6788 23.0812C17.3997 23.611 15.9922 23.7496 14.6344 23.4795C13.2765 23.2094 12.0292 22.5427 11.0503 21.5638C10.0713 20.5848 9.4046 19.3375 9.13451 17.9796C8.86441 16.6218 9.00303 15.2143 9.53285 13.9352C10.0627 12.6561 10.9599 11.5629 12.111 10.7937C13.2622 10.0246 14.6155 9.61401 16 9.61401C17.8565 9.61401 19.637 10.3515 20.9497 11.6643C22.2625 12.977 23 14.7575 23 16.614Z"
fill="#8B3DFF" />
<path
d="M15 5.61401V4.61401C15 4.3488 15.1054 4.09444 15.2929 3.90691C15.4804 3.71937 15.7348 3.61401 16 3.61401C16.2652 3.61401 16.5196 3.71937 16.7071 3.90691C16.8946 4.09444 17 4.3488 17 4.61401V5.61401C17 5.87923 16.8946 6.13358 16.7071 6.32112C16.5196 6.50866 16.2652 6.61401 16 6.61401C15.7348 6.61401 15.4804 6.50866 15.2929 6.32112C15.1054 6.13358 15 5.87923 15 5.61401ZM24 16.614C24 18.1963 23.5308 19.743 22.6518 21.0586C21.7727 22.3742 20.5233 23.3995 19.0615 24.0051C17.5997 24.6106 15.9911 24.769 14.4393 24.4603C12.8874 24.1516 11.462 23.3897 10.3431 22.2709C9.22433 21.152 8.4624 19.7266 8.15372 18.1747C7.84504 16.6229 8.00346 15.0144 8.60896 13.5525C9.21447 12.0907 10.2398 10.8413 11.5554 9.96226C12.871 9.08321 14.4177 8.61401 16 8.61401C18.121 8.61633 20.1545 9.45993 21.6543 10.9597C23.1541 12.4595 23.9977 14.493 24 16.614ZM22 16.614C22 15.4273 21.6481 14.2673 20.9888 13.2806C20.3295 12.2939 19.3925 11.5249 18.2961 11.0707C17.1997 10.6166 15.9933 10.4978 14.8295 10.7293C13.6656 10.9608 12.5965 11.5323 11.7574 12.3714C10.9182 13.2105 10.3468 14.2796 10.1153 15.4435C9.88378 16.6074 10.0026 17.8138 10.4567 18.9101C10.9108 20.0065 11.6799 20.9435 12.6666 21.6028C13.6533 22.2621 14.8133 22.614 16 22.614C17.5908 22.6124 19.116 21.9797 20.2408 20.8548C21.3657 19.73 21.9983 18.2048 22 16.614ZM7.2925 9.32151C7.48014 9.50915 7.73464 9.61457 8 9.61457C8.26536 9.61457 8.51986 9.50915 8.7075 9.32151C8.89514 9.13387 9.00056 8.87938 9.00056 8.61401C9.00056 8.34865 8.89514 8.09415 8.7075 7.90651L7.7075 6.90651C7.51986 6.71887 7.26536 6.61346 7 6.61346C6.73464 6.61346 6.48014 6.71887 6.2925 6.90651C6.10486 7.09415 5.99944 7.34865 5.99944 7.61401C5.99944 7.87938 6.10486 8.13387 6.2925 8.32151L7.2925 9.32151ZM7.2925 23.9065L6.2925 24.9065C6.10486 25.0942 5.99944 25.3486 5.99944 25.614C5.99944 25.8794 6.10486 26.1339 6.2925 26.3215C6.48014 26.5092 6.73464 26.6146 7 26.6146C7.26536 26.6146 7.51986 26.5092 7.7075 26.3215L8.7075 25.3215C8.80041 25.2286 8.87411 25.1183 8.92439 24.9969C8.97468 24.8755 9.00056 24.7454 9.00056 24.614C9.00056 24.4826 8.97468 24.3525 8.92439 24.2311C8.87411 24.1097 8.80041 23.9994 8.7075 23.9065C8.61459 23.8136 8.50429 23.7399 8.3829 23.6896C8.2615 23.6393 8.13139 23.6135 8 23.6135C7.86861 23.6135 7.7385 23.6393 7.6171 23.6896C7.49571 23.7399 7.38541 23.8136 7.2925 23.9065ZM24 9.61401C24.1314 9.61412 24.2615 9.58834 24.3829 9.53815C24.5042 9.48796 24.6146 9.41435 24.7075 9.32151L25.7075 8.32151C25.8951 8.13387 26.0006 7.87938 26.0006 7.61401C26.0006 7.34865 25.8951 7.09415 25.7075 6.90651C25.5199 6.71887 25.2654 6.61346 25 6.61346C24.7346 6.61346 24.4801 6.71887 24.2925 6.90651L23.2925 7.90651C23.1525 8.04637 23.0571 8.22462 23.0185 8.41871C22.9798 8.61279 22.9996 8.81398 23.0754 8.9968C23.1511 9.17963 23.2794 9.33586 23.444 9.44573C23.6086 9.5556 23.8021 9.61417 24 9.61401ZM24.7075 23.9065C24.5199 23.7189 24.2654 23.6135 24 23.6135C23.7346 23.6135 23.4801 23.7189 23.2925 23.9065C23.1049 24.0942 22.9994 24.3486 22.9994 24.614C22.9994 24.8794 23.1049 25.1339 23.2925 25.3215L24.2925 26.3215C24.3854 26.4144 24.4957 26.4881 24.6171 26.5384C24.7385 26.5887 24.8686 26.6146 25 26.6146C25.1314 26.6146 25.2615 26.5887 25.3829 26.5384C25.5043 26.4881 25.6146 26.4144 25.7075 26.3215C25.8004 26.2286 25.8741 26.1183 25.9244 25.9969C25.9747 25.8755 26.0006 25.7454 26.0006 25.614C26.0006 25.4826 25.9747 25.3525 25.9244 25.2311C25.8741 25.1097 25.8004 24.9994 25.7075 24.9065L24.7075 23.9065ZM5 15.614H4C3.73478 15.614 3.48043 15.7194 3.29289 15.9069C3.10536 16.0944 3 16.3488 3 16.614C3 16.8792 3.10536 17.1336 3.29289 17.3211C3.48043 17.5087 3.73478 17.614 4 17.614H5C5.26522 17.614 5.51957 17.5087 5.70711 17.3211C5.89464 17.1336 6 16.8792 6 16.614C6 16.3488 5.89464 16.0944 5.70711 15.9069C5.51957 15.7194 5.26522 15.614 5 15.614ZM16 26.614C15.7348 26.614 15.4804 26.7194 15.2929 26.9069C15.1054 27.0944 15 27.3488 15 27.614V28.614C15 28.8792 15.1054 29.1336 15.2929 29.3211C15.4804 29.5087 15.7348 29.614 16 29.614C16.2652 29.614 16.5196 29.5087 16.7071 29.3211C16.8946 29.1336 17 28.8792 17 28.614V27.614C17 27.3488 16.8946 27.0944 16.7071 26.9069C16.5196 26.7194 16.2652 26.614 16 26.614ZM28 15.614H27C26.7348 15.614 26.4804 15.7194 26.2929 15.9069C26.1054 16.0944 26 16.3488 26 16.614C26 16.8792 26.1054 17.1336 26.2929 17.3211C26.4804 17.5087 26.7348 17.614 27 17.614H28C28.2652 17.614 28.5196 17.5087 28.7071 17.3211C28.8946 17.1336 29 16.8792 29 16.614C29 16.3488 28.8946 16.0944 28.7071 15.9069C28.5196 15.7194 28.2652 15.614 28 15.614Z"
fill="#8B3DFF" />
</svg>
</div>
</div>
<div class="ms-4">
<h4>Dark mode</h4>
<p class="mb-0">Toggle between light and dark for comfortable viewing anytime.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col" data-cue="zoomIn" data-duration="1500">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>
<div class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"
fill="none">
<path opacity="0.2"
d="M25.9824 16.0114L28.0799 13.3864C27.797 12.323 27.3736 11.3019 26.8211 10.3502L23.4836 9.97519C23.217 9.6748 22.9327 9.39055 22.6324 9.12394L22.2574 5.78519C21.3046 5.23597 20.2832 4.81564 19.2199 4.53519L16.5949 6.63144C16.1935 6.60769 15.7912 6.60769 15.3899 6.63144L12.7649 4.53394C11.7048 4.81768 10.6872 5.24097 9.73861 5.79269L9.36361 9.13019C9.06323 9.3968 8.77898 9.68105 8.51236 9.98144L5.17361 10.3564C4.6244 11.3092 4.20407 12.3306 3.92361 13.3939L6.01986 16.0189C5.99611 16.4203 5.99611 16.8226 6.01986 17.2239L3.92236 19.8489C4.20527 20.9124 4.62858 21.9335 5.18111 22.8852L8.51861 23.2602C8.78523 23.5606 9.06948 23.8448 9.36986 24.1114L9.74486 27.4502C10.6976 27.9994 11.719 28.4197 12.7824 28.7002L15.4074 26.6039C15.8087 26.6277 16.211 26.6277 16.6124 26.6039L19.2374 28.7014C20.3008 28.4185 21.3219 27.9952 22.2736 27.4427L22.6486 24.1052C22.949 23.8386 23.2332 23.5543 23.4999 23.2539L26.8386 22.8789C27.3878 21.9262 27.8082 20.9048 28.0886 19.8414L25.9924 17.2164C26.0128 16.8149 26.0094 16.4126 25.9824 16.0114ZM15.9999 21.6139C15.011 21.6139 14.0443 21.3207 13.222 20.7713C12.3998 20.2219 11.7589 19.441 11.3805 18.5274C11.002 17.6137 10.903 16.6084 11.0959 15.6385C11.2889 14.6686 11.7651 13.7777 12.4643 13.0784C13.1636 12.3791 14.0545 11.9029 15.0244 11.71C15.9943 11.5171 16.9997 11.6161 17.9133 11.9945C18.8269 12.373 19.6078 13.0138 20.1572 13.8361C20.7066 14.6583 20.9999 15.625 20.9999 16.6139C20.9999 17.94 20.4731 19.2118 19.5354 20.1495C18.5977 21.0872 17.3259 21.6139 15.9999 21.6139Z"