A code made to look cute and help organise fandom-related folders.
Can also be used for personal stories and regular folders!

Info

The folder code goes in rows of 5 on desktop before getting on a new line. If you have fewer than 5 folders/fandoms, you can change "col-md-2" to "col-md-3" to have the code appear more centred!

There are 3 versions of the code: Custom Title, Wide Logo and Compact Logo. Custom Title is a bit of text at the top with a gradient underneath it. Wide Logo and Compact Logo are basically the same, but with a different shade shape to contrast the background. Some logos don't look too good with the code as it's given, which is why it's labelled as "coding experience helpful".

To adjust the background shade to your liking, toy around with the p-3, top:1xx, height and box-shadow opacity. I created the blurry shade look by making the box the same opacity as the box-shadow! this does sometimes mean that if you make the background shade bigger/smaller, the actual box is going to be darker/lighter than the box-shadow is (bigger box=darker box-shadow/ smaller box=lighter box-shadow). I hope this kind of makes sense!