20
20
.icons {
21
21
padding : 20px ;
22
22
}
23
+ footer {
24
+ padding : 20px ;
25
+ }
26
+ .studio {
27
+ font-family : "Century Gothic" , system-ui, -apple-system, "Segoe UI Variable Display" , "Segoe UI" , Roboto, "Helvetica Neue" , Arial, "Noto Sans" , "Liberation Sans" , sans-serif, "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji" !important ;
28
+ font-weight : 600 ;
29
+ }
23
30
.preview {
24
31
width : 100px ;
25
32
display : inline-block;
52
59
border-radius : 0 0 .25rem .25rem ;
53
60
color : # 666 ;
54
61
}
62
+ .bg-danger {
63
+ background-image : linear-gradient (-38.4deg , # c05aff, # e52b50 );
64
+ }
65
+ .bg-success {
66
+ background-image : linear-gradient (-38.4deg , # 00c67e, # 78b500 );
67
+ }
55
68
</ style >
56
69
57
70
< link rel ="stylesheet " type ="text/css " href ="../dist/fonts/Amaranth.css " />
58
71
</ head >
59
72
< body >
60
73
61
74
< div class ="bg-danger text-white pb-4 pt-3 text-center ">
62
- < h1 class ="display-4 m-0 "> < i class ="ai ai-change-windows "> </ i > Amaranth</ h1 >
75
+ < h1 class ="display-4 m-0 "> < i class ="ai ai-amaranth "> </ i > Amaranth</ h1 >
63
76
</ div >
64
77
65
78
< div class ="icons text-center ">
@@ -73,6 +86,15 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
73
86
</ div >
74
87
75
88
89
+ < div class ="preview ">
90
+ < span class ="inner ">
91
+ < i class ="ai ai-amaranth "> </ i >
92
+ </ span >
93
+ < br >
94
+ < span class ='label '> amaranth</ span >
95
+ </ div >
96
+
97
+
76
98
< div class ="preview ">
77
99
< span class ="inner ">
78
100
< i class ="ai ai-angle-down "> </ i >
@@ -550,6 +572,15 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
550
572
</ div >
551
573
552
574
575
+ < div class ="preview ">
576
+ < span class ="inner ">
577
+ < i class ="ai ai-envelope "> </ i >
578
+ </ span >
579
+ < br >
580
+ < span class ='label '> envelope</ span >
581
+ </ div >
582
+
583
+
553
584
< div class ="preview ">
554
585
< span class ="inner ">
555
586
< i class ="ai ai-expand "> </ i >
@@ -595,6 +626,24 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
595
626
</ div >
596
627
597
628
629
+ < div class ="preview ">
630
+ < span class ="inner ">
631
+ < i class ="ai ai-file "> </ i >
632
+ </ span >
633
+ < br >
634
+ < span class ='label '> file</ span >
635
+ </ div >
636
+
637
+
638
+ < div class ="preview ">
639
+ < span class ="inner ">
640
+ < i class ="ai ai-files "> </ i >
641
+ </ span >
642
+ < br >
643
+ < span class ='label '> files</ span >
644
+ </ div >
645
+
646
+
598
647
< div class ="preview ">
599
648
< span class ="inner ">
600
649
< i class ="ai ai-floppy-disc "> </ i >
@@ -811,6 +860,15 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
811
860
</ div >
812
861
813
862
863
+ < div class ="preview ">
864
+ < span class ="inner ">
865
+ < i class ="ai ai-music "> </ i >
866
+ </ span >
867
+ < br >
868
+ < span class ='label '> music</ span >
869
+ </ div >
870
+
871
+
814
872
< div class ="preview ">
815
873
< span class ="inner ">
816
874
< i class ="ai ai-notes "> </ i >
@@ -1081,6 +1139,15 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
1081
1139
</ div >
1082
1140
1083
1141
1142
+ < div class ="preview ">
1143
+ < span class ="inner ">
1144
+ < i class ="ai ai-swatchbook "> </ i >
1145
+ </ span >
1146
+ < br >
1147
+ < span class ='label '> swatchbook</ span >
1148
+ </ div >
1149
+
1150
+
1084
1151
< div class ="preview ">
1085
1152
< span class ="inner ">
1086
1153
< i class ="ai ai-trash-can "> </ i >
@@ -1217,5 +1284,11 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
1217
1284
1218
1285
</ div >
1219
1286
1287
+ < div class ="bg-success text-white pb-4 pt-3 ">
1288
+ < footer >
1289
+ < p class ="mb-0 "> Designed and developed by</ p >
1290
+ < h1 class ="m-0 "> < i class ="ai ai-amaranth "> </ i > < span class ="studio "> Studio 384</ span > </ h1 >
1291
+ </ footer >
1292
+ </ div >
1220
1293
</ body >
1221
1294
</ html >
0 commit comments