Folder Code

<!----------
How to Use:
Turn off "WYSIWYG" & turn on "Code editor" ➞  https://toyhou.se/~account/display
You can use https://th.circlejourney.net/ to make editing the code easier :)
------------->

<div class="container my-5 p-0" style="border-radius:10px;overflow:hidden;">
    <div class="col-12 row no-gutters p-0">
    <!---------- BACKGROUND IMAGE - Replace IMG_URL with the image you want, please paste the image address inside the brackets ------------->
    <div class="col-sm-12 p-5" style="background:url(IMG_URL) center; background-size:cover;">
        <div class="col-sm-11 mx-auto p-4 text-center">
            <br>
            </div>
            </div>
            <!---------- ICON - you can change the icon if you want, find more icons at fontawesome.com ------------->
            <div class="col-12 row no-gutters py-4 px-4" style=" background-color:#D1D1D1;">
                <div class="col-12 p-1"><i class="fas fa-star-christmas fa-fw fa-2x fa-beat" style="color:#69a3ce;"></i>
                <span style="color: rgb(79, 152, 243);"></span>
                 <!---------- FOLDER NAME ------------->
                <span style='font-size: 36px; font-family: "fredoka one"; font-weight: 900; color: #69a3ce;'> F O L D E R ⌁ N A M E</span>
                <!---------- DIVIDER ------------->
                <hr class="mt-2 w-105" style="border-top:2px dashed #9CB2D1;">
                <!---------- FOLDER DESCRIPTION ------------->
                <p style="font-weight:400; font-family:quicksand; text-justify; font-size: 15px; color:#222;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
                </div>
                </div>
                </div>
                </div>
               <!--CREDIT - DO NOT REMOVE-->
       <div class="col-12 p-1">
        <div class="card p-1 text-center justify-content-center mx-auto" style="height:30px; width:50px; border-radius:100px; background-color:#fff; border:1px solid #eee;">
            <a href="/Phantasmagorical"><i class="fas fa-code text-secondary"></i></a>
        </div>
    </div>

    </div>
</div>