[F2U] iOS 6 Folders (CODE)

<!--

- iOS6 Toyhouse Folders by MothyOnline
- a simple folder directory layout that mimicks old iOS apps
- to work best, crop your images to squares before using them!
    otherwise you'll run into some strange squash and stretch problems.
    if you need a way to host your images; https://catbox.moe is free and simple to use!
- have fun!

-->

<!-- USES "Directory Wrapper HTML" by PINKY: https://toyhou.se/26199955.ref-directory-wrapper-html -->
<div class="container-fluid py-4 card border-0" style="z-index: 100; margin-top: -30px; margin-bottom: -110px;">
    <div style="display:flex; flex-flow:row wrap; justify-content:start; max-width:720px; margin-left:auto; margin-right:auto;">

        <!-- ICON MODULE, to add new folders just copy and paste this whole block -->
        <div style="display:flex; flex-flow:column; width:170px; margin:5px;">
                <div style="width:170px;height:170px; background-color:#31333d; padding:2px; border-radius:22px;">
                    <!-- shinies -->
                    <div style="height:100px; width:158px; background:linear-gradient(180deg, rgba(255,255,255,0.8827906162464986) 5%, rgba(255,255,255,0.3) 40%); margin:3px; border-radius:18px 18px 90px 90px; position:absolute; z-index:2;">
                    </div>
                    <div style="height:156px; width:158px; background:linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 15%); margin-top:6px; margin-left:4px; border-radius:18px; position:absolute; z-index:2;">
                    </div>
                    <div style="height:170px; width:170px; background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(43,52,110,1) 100%); margin:5px; border-radius:22px; position:absolute; z-index:1; mix-blend-mode:darken; opacity:0.3; margin:-2px;">
                    </div>
                    
                    <!-- IMAGE LINK GOES IN HERE! -->
                    <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/57227220_QHZ.png" style="height:166px; position:absolute; z-index:0; padding:0; width:166px; border-radius:20px;">
                </div>
            <a href=""> <!-- FOLDER LINK GOES IN HERE! -->
                <p style="text-align:center;">
                    Folder Name
                </p>
            </a>
        </div>
        <!-- END OF MODULE -->
        
		
		<!-- Don't edit below this line! Paste any new modules above here! -->
    </div>
    
    <!-- CREDIT, please don't edit :D -->
    <div style="width:100%;">
        <a href="https://toyhou.se/mothyonline">
            <p style="text-align:right;"><i class="fa-thin fa-code"></i></p>
        </a>
    </div>
</div>