-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
1386 lines (1339 loc) · 74.4 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>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>4X4 Collection</title>
<!-- Style -->
<link rel="stylesheet" href="assets/bootstrap.rtl.min.css">
<link rel="stylesheet" href="assets/aos.css">
<link rel="stylesheet" href="assets/style.css">
<link rel="stylesheet" href="assets/fontawesome.min.css">
</head>
<body id="body" class="mw-100">
<header class="container-fluid" id="particles-js">
<div class="GitHubBox">
<a id="Download_latest" href="https://github.com/MjavadH/4X4-Collection/releases" class="GitHub-btn GitHub">
<span>Download</span>
<i class="fa fa-download"></i>
</a>
<a href="https://github.com/MjavadH/4X4-Collection" class="GitHub-btn GitHub">
<span>GitHub</span>
<svg xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 50 50">
<path d="M25 2C12.311335 2 2 12.311335 2 25C2 37.688665 12.311335 48 25 48C37.688665 48 48 37.688665 48 25C48 12.311335 37.688665 2 25 2 z M 25 4C36.607335 4 46 13.392665 46 25C46 25.071371 45.994849 25.141688 45.994141 25.212891C45.354527 25.153853 44.615508 25.097776 43.675781 25.064453C42.347063 25.017336 40.672259 25.030987 38.773438 25.125C38.843852 24.634651 38.893205 24.137377 38.894531 23.626953C38.991361 21.754332 38.362521 20.002464 37.339844 18.455078C37.586913 17.601352 37.876747 16.515218 37.949219 15.283203C38.031819 13.878925 37.910599 12.321765 36.783203 11.269531L36.494141 11L36.099609 11C33.416539 11 31.580023 12.12321 30.457031 13.013672C28.835529 12.386022 27.01222 12 25 12C22.976367 12 21.135525 12.391416 19.447266 13.017578C18.324911 12.126691 16.486785 11 13.800781 11L13.408203 11L13.119141 11.267578C12.020956 12.287321 11.919778 13.801759 11.988281 15.199219C12.048691 16.431506 12.321732 17.552142 12.564453 18.447266C11.524489 20.02486 10.900391 21.822018 10.900391 23.599609C10.900391 24.111237 10.947969 24.610071 11.017578 25.101562C9.2118173 25.017808 7.6020996 25.001668 6.3242188 25.046875C5.3845143 25.080118 4.6454422 25.135713 4.0058594 25.195312C4.0052628 25.129972 4 25.065482 4 25C4 13.392665 13.392665 4 25 4 z M 14.396484 13.130859C16.414067 13.322043 17.931995 14.222972 18.634766 14.847656L19.103516 15.261719L19.681641 15.025391C21.263092 14.374205 23.026984 14 25 14C26.973016 14 28.737393 14.376076 30.199219 15.015625L30.785156 15.273438L31.263672 14.847656C31.966683 14.222758 33.487184 13.321554 35.505859 13.130859C35.774256 13.575841 36.007486 14.208668 35.951172 15.166016C35.883772 16.311737 35.577304 17.559658 35.345703 18.300781L35.195312 18.783203L35.494141 19.191406C36.483616 20.540691 36.988121 22.000937 36.902344 23.544922L36.900391 23.572266L36.900391 23.599609C36.900391 26.095064 36.00178 28.092339 34.087891 29.572266C32.174048 31.052199 29.152663 32 24.900391 32C20.648118 32 17.624827 31.052192 15.710938 29.572266C13.797047 28.092339 12.900391 26.095064 12.900391 23.599609C12.900391 22.134903 13.429308 20.523599 14.40625 19.191406L14.699219 18.792969L14.558594 18.318359C14.326866 17.530484 14.042825 16.254103 13.986328 15.101562C13.939338 14.14294 14.166221 13.537027 14.396484 13.130859 z M 8.8847656 26.021484C9.5914575 26.03051 10.40146 26.068656 11.212891 26.109375C11.290419 26.421172 11.378822 26.727898 11.486328 27.027344C8.178972 27.097092 5.7047309 27.429674 4.1796875 27.714844C4.1152068 27.214494 4.0638483 26.710021 4.0351562 26.199219C5.1622058 26.092262 6.7509972 25.994233 8.8847656 26.021484 z M 41.115234 26.037109C43.247527 26.010033 44.835728 26.108156 45.962891 26.214844C45.934234 26.718328 45.883749 27.215664 45.820312 27.708984C44.24077 27.41921 41.699674 27.086688 38.306641 27.033203C38.411945 26.739677 38.499627 26.438219 38.576172 26.132812C39.471291 26.084833 40.344564 26.046896 41.115234 26.037109 z M 11.912109 28.019531C12.508849 29.215327 13.361516 30.283019 14.488281 31.154297C16.028825 32.345531 18.031623 33.177838 20.476562 33.623047C20.156699 33.951698 19.86578 34.312595 19.607422 34.693359L19.546875 34.640625C19.552375 34.634325 19.04975 34.885878 18.298828 34.953125C17.547906 35.020374 16.621615 35 15.800781 35C14.575781 35 14.03621 34.42121 13.173828 33.367188C12.696283 32.72356 12.114101 32.202331 11.548828 31.806641C10.970021 31.401475 10.476259 31.115509 9.8652344 31.013672L9.7832031 31L9.6992188 31C9.2325521 31 8.7809835 31.03379 8.359375 31.515625C8.1485707 31.756544 8.003277 32.202561 8.0976562 32.580078C8.1920352 32.957595 8.4308563 33.189581 8.6445312 33.332031C10.011254 34.24318 10.252795 36.046511 11.109375 37.650391C11.909298 39.244315 13.635662 40 15.400391 40L18 40L18 44.802734C10.967811 42.320535 5.6646795 36.204613 4.3320312 28.703125C5.8629338 28.414776 8.4265387 28.068108 11.912109 28.019531 z M 37.882812 28.027344C41.445538 28.05784 44.08105 28.404061 45.669922 28.697266C44.339047 36.201504 39.034072 42.31987 32 44.802734L32 39.599609C32 38.015041 31.479642 36.267712 30.574219 34.810547C30.299322 34.368135 29.975945 33.949736 29.615234 33.574219C31.930453 33.11684 33.832364 32.298821 35.3125 31.154297C36.436824 30.284907 37.287588 29.220424 37.882812 28.027344 z M 23.699219 34.099609L26.5 34.099609C27.312821 34.099609 28.180423 34.7474 28.875 35.865234C29.569577 36.983069 30 38.484177 30 39.599609L30 45.398438C28.397408 45.789234 26.72379 46 25 46C23.27621 46 21.602592 45.789234 20 45.398438L20 39.599609C20 38.508869 20.467828 37.011307 21.208984 35.888672C21.950141 34.766037 22.886398 34.099609 23.699219 34.099609 z M 12.308594 35.28125C13.174368 36.179258 14.222525 37 15.800781 37C16.579948 37 17.552484 37.028073 18.476562 36.945312C18.479848 36.945018 18.483042 36.943654 18.486328 36.943359C18.36458 37.293361 18.273744 37.645529 18.197266 38L15.400391 38C14.167057 38 13.29577 37.55443 12.894531 36.751953L12.886719 36.738281L12.880859 36.726562C12.716457 36.421191 12.500645 35.81059 12.308594 35.28125 z" fill="#FFFFFF" />
</svg>
</a>
<a href="https://github.com/MjavadH/4X4-Collection/stargazers" class="GitHub-btn Star">
<span id="Star"><i class="fa fa-spinner fa-spin"></i></span>
<i class="fa fa-star"></i>
</a>
</div>
<h1 class="text-center">
<span class="line d-none d-md-inline-block"></span>
4X4 Collection <span class="version d-block d-md-inline">(v2.3)</span>
<span class="line d-none d-md-inline-block"></span>
</h1>
<h3>
Scroll down
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20">
<path d="M25 0C15.074219 0 7 8.074219 7 18L7 24L43 24L43 18C43 8.074219 34.925781 0 25 0 Z M 25 5C25.253906 5 25.523438 5.085938 25.71875 5.28125L29.71875 9.28125C30.109375 9.671875 30.109375 10.328125 29.71875 10.71875C29.523438 10.914063 29.257813 11 29 11C28.742188 11 28.476563 10.914063 28.28125 10.71875L26 8.40625L26 17.59375L28.28125 15.28125C28.671875 14.890625 29.328125 14.890625 29.71875 15.28125C30.109375 15.671875 30.109375 16.328125 29.71875 16.71875L25.71875 20.71875C25.523438 20.914063 25.257813 21 25 21C24.742188 21 24.476563 20.914063 24.28125 20.71875L20.28125 16.71875C19.890625 16.328125 19.890625 15.671875 20.28125 15.28125C20.671875 14.890625 21.328125 14.890625 21.71875 15.28125L24 17.59375L24 8.40625L21.71875 10.71875C21.328125 11.109375 20.671875 11.109375 20.28125 10.71875C19.890625 10.328125 19.890625 9.671875 20.28125 9.28125L24.28125 5.28125C24.476563 5.085938 24.746094 5 25 5 Z M 7 26L7 32C7 41.925781 15.074219 50 25 50C34.925781 50 43 41.925781 43 32L43 26Z"
fill="#FFFFFF"/>
</svg>
</h3>
</header>
<main>
<!-- Technology categories -->
<div class="pages row justify-content-between text-center">
<div data-aos="fade-in" class="text-center col-12 categories-title">
<h2>
<span class="line"></span>
Technology
<span class="line"></span>
</h2>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/Matrix/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/Matrix/Image.png" alt="Page 404 Matrix" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Matrix</h4>
<div class="Float_BTN">
<a href="Technology/Matrix/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/Glitch/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/Glitch/Image.png" alt="Page 404 Glitch" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Glitch</h4>
<div class="Float_BTN">
<a href="Technology/Glitch/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/Terminal/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/Terminal/Image.png" alt="Page 404 Terminal" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Terminal</h4>
<div class="Float_BTN">
<a href="Technology/Terminal/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/pixelated/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/pixelated/Image.png" alt="Page 404 pixelated" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">pixelated</h4>
<div class="Float_BTN">
<a href="Technology/pixelated/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/Neon/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/Neon/Image.png" alt="Page 404 Neon" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Neon</h4>
<div class="Float_BTN">
<a href="Technology/Neon/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/CMD/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/CMD/Image.png" alt="Page 404 CMD" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Medium"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">CMD</h4>
<div class="Float_BTN">
<a href="Technology/CMD/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/Ubuntu/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/Ubuntu/Image.png" alt="Page 404 Ubuntu" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Medium"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Ubuntu</h4>
<div class="Float_BTN">
<a href="Technology/Ubuntu/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/PowerShell/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/PowerShell/Image.png" alt="Page 404 PowerShell" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Medium"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">PowerShell</h4>
<div class="Float_BTN">
<a href="Technology/PowerShell/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/Loop/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/Loop/Image.png" alt="Page 404 Loop" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Loop</h4>
<div class="Float_BTN">
<a href="Technology/Loop/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/TV%20Noise(Old)/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/TV%20Noise(Old)/Image.png" alt="Page 404 TV Noise(Old)" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">TV Noise(Old)</h4>
<div class="Float_BTN">
<a href="Technology/TV%20Noise(Old)/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Technology/TV%20Noise(Static)/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Technology/TV%20Noise(Static)/Image.png" alt="Page 404 TV Noise(Static)" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">TV Noise(Static)</h4>
<div class="Float_BTN">
<a href="Technology/TV%20Noise(Static)/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Geometric categories -->
<div class="pages row justify-content-between text-center">
<div data-aos="fade-in" class="text-center col-12 categories-title">
<h2>
<span class="line"></span>
Geometric
<span class="line"></span>
</h2>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Geometric/Abstract/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Geometric/Abstract/Image.png" alt="Page 404 Abstract" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Abstract</h4>
<div class="Float_BTN">
<a href="Geometric/Abstract/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Geometric/CircleBeat/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Geometric/CircleBeat/Image.png" alt="Page 404 CircleBeat" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">CircleBeat</h4>
<div class="Float_BTN">
<a href="Geometric/CircleBeat/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Geometric/OopsBox/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Geometric/OopsBox/Image.png" alt="Page 404 OopsBox" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">OopsBox</h4>
<div class="Float_BTN">
<a href="Geometric/OopsBox/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Geometric/GlassStation/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Geometric/GlassStation/Image.png" alt="Page 404 GlassStation" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">GlassStation</h4>
<div class="Float_BTN">
<a href="Geometric/GlassStation/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Geometric/Geometric%20Patterns/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Geometric/Geometric%20Patterns/Image.png" alt="Page 404 Geometric Patterns" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Geometric Patterns</h4>
<div class="Float_BTN">
<a href="https://codepen.io/georgedoescode/pen/YzxrRZe" class="BTN">
<i class="fa fa-code-merge"></i>
</a>
<a href="Geometric/Geometric%20Patterns/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Geometric/Square/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Geometric/Square/Image.png" alt="Page 404 Square" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Square</h4>
<div class="Float_BTN">
<a href="Geometric/Square/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Fantasy categories -->
<div class="pages row justify-content-between text-center">
<div data-aos="fade-in" class="text-center col-12 categories-title">
<h2>
<span class="line"></span>
Fantasy
<span class="line"></span>
</h2>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Night%20sky/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Night%20sky/Image.png" alt="Page 404 Night sky" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Night sky</h4>
<div class="Float_BTN">
<a href="Fantasy/Night%20sky/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Wave/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Wave/Image.png" alt="Page 404 Wave" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Wave</h4>
<div class="Float_BTN">
<a href="Fantasy/Wave/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/LostSpace/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/LostSpace/Image.png" alt="Page 404 LostSpace" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">LostSpace</h4>
<div class="Float_BTN">
<a href="Fantasy/LostSpace/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Letters%20hop/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Letters%20hop/Image.png" alt="Page 404 Letters hop" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Letters hop</h4>
<div class="Float_BTN">
<a href="https://codepen.io/ste-vg/pen/GRwmqxq" class="BTN">
<i class="fa fa-code-merge"></i>
</a>
<a href="Fantasy/Letters%20hop/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/UFO!/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/UFO!/Image.png" alt="Page 404 UFO!" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">UFO!</h4>
<div class="Float_BTN">
<a href="Fantasy/UFO!/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Scrolling%20Terrain%20and%20Shooting%20Stars/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Scrolling%20Terrain%20and%20Shooting%20Stars/Image.png" alt="Page 404 Scrolling Terrain and Shooting Stars" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">ST & SS</h4>
<div class="Float_BTN">
<a href="https://codepen.io/loktar00/pen/DdWxwL" class="BTN">
<i class="fa fa-code-merge"></i>
</a>
<a href="Fantasy/Scrolling%20Terrain%20and%20Shooting%20Stars/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Black%20Box/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Black%20Box/Image.png" alt="Page 404 Black Box" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Black Box</h4>
<div class="Float_BTN">
<a href="Fantasy/Black%20Box/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Error%20Zone/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Error%20Zone/Image.png" alt="Page 404 Error Zone" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Error Zone</h4>
<div class="Float_BTN">
<a href="Fantasy/Error%20Zone/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/MyHeart/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/MyHeart/Image.png" alt="Page 404 MyHeart" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">MyHeart</h4>
<div class="Float_BTN">
<a href="Fantasy/MyHeart/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Bug/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Bug/Image.png" alt="Page 404 Bug" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Bug</h4>
<div class="Float_BTN">
<a href="Fantasy/Bug/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Simple_Two_Column/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Simple_Two_Column/Image.png" alt="Page 404 Simple Two Column" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Simple Two Column</h4>
<div class="Float_BTN">
<a href="Fantasy/Simple_Two_Column/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Floating%20Cloud/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Floating%20Cloud/Image.png" alt="Page 404 Floating Cloud" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Floating Cloud</h4>
<div class="Float_BTN">
<a href="https://codepen.io/shshaw/pen/jOMdaL" class="BTN">
<i class="fa fa-code-merge"></i>
</a>
<a href="Fantasy/Floating%20Cloud/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Fantasy/Snow%20Day/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Fantasy/Snow%20Day/Image.png" alt="Page 404 Snow Day" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Snow Day</h4>
<div class="Float_BTN">
<a href="Fantasy/Snow%20Day/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Minimal categories -->
<div class="pages row justify-content-between text-center">
<div data-aos="fade-in" class="text-center col-12 categories-title">
<h2>
<span class="line"></span>
Minimal
<span class="line"></span>
</h2>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Minimal/See/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Minimal/See/Image.png" alt="Page 404 See" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Medium"></i>
<i class="fa fa-mobile Medium"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">See</h4>
<div class="Float_BTN">
<a href="Minimal/See/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Minimal/Patch/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Minimal/Patch/Image.png" alt="Page 404 Patch" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Patch</h4>
<div class="Float_BTN">
<a href="Minimal/Patch/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Minimal/Black&White/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Minimal/Black&White/Image.png" alt="Page 404 Black & White" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Medium"></i>
<i class="fa fa-mobile Medium"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Black & White</h4>
<div class="Float_BTN">
<a href="Minimal/Black&White/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Minimal/Hole/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Minimal/Hole/Image.png" alt="Page 404 Hole" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Hole</h4>
<div class="Float_BTN">
<a href="Minimal/Hole/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Minimal/Shooting%20Range/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Minimal/Shooting%20Range/Image.png" alt="Page 404 Shooting Range" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Medium"></i>
<i class="fa fa-tablet Medium"></i>
<i class="fa fa-mobile low"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Shooting Range</h4>
<div class="Float_BTN">
<a href="Minimal/Shooting%20Range/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Minimal/Cloud/index.html">
<div class="image">
<img class="lazy-image img-fluid" data-src="Minimal/Cloud/Image.png" alt="Page 404 Cloud" src=""/>
</div>
</a>
<div class="Supported_devices">
<i class="fa fa-desktop Full"></i>
<i class="fa fa-tablet Full"></i>
<i class="fa fa-mobile Full"></i>
</div>
</div>
<div class="page-card-footer">
<h4 class="page-title text-end p-3">Cloud</h4>
<div class="Float_BTN">
<a href="Minimal/Cloud/index.html" class="BTN">
<i class="fa fa-eye"></i>
</a>
</div>
</div>
</div>
</div>
<div data-aos="fade-up" class="col-lg-3 col-md-4 col-sm-6 col-12 my-5 page">
<div class="page-card">
<div class="page-card-header">
<a href="Minimal/LightSaber/index.html">
<div class="image">