2020 .icons {
2121 padding : 20px ;
2222 }
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+ }
2330 .preview {
2431 width : 100px ;
2532 display : inline-block;
5259 border-radius : 0 0 .25rem .25rem ;
5360 color : # 666 ;
5461 }
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+ }
5568 </ style >
5669
5770 < link rel ="stylesheet " type ="text/css " href ="../dist/fonts/Amaranth.css " />
5871</ head >
5972< body >
6073
6174 < 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 >
6376 </ div >
6477
6578 < div class ="icons text-center ">
@@ -73,6 +86,15 @@ <h1 class="display-4 m-0"><i class="ai ai-change-windows"></i> Amaranth</h1>
7386 </ div >
7487
7588
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+
7698 < div class ="preview ">
7799 < span class ="inner ">
78100 < 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>
550572 </ div >
551573
552574
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+
553584 < div class ="preview ">
554585 < span class ="inner ">
555586 < 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>
595626 </ div >
596627
597628
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+
598647 < div class ="preview ">
599648 < span class ="inner ">
600649 < 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>
811860 </ div >
812861
813862
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+
814872 < div class ="preview ">
815873 < span class ="inner ">
816874 < 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>
10811139 </ div >
10821140
10831141
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+
10841151 < div class ="preview ">
10851152 < span class ="inner ">
10861153 < 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>
12171284
12181285 </ div >
12191286
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 >
12201293</ body >
12211294</ html >
0 commit comments