kid krow code

<!---

KID KROW / by cati/dogboy

    NOTES
    background: #F6F3EE
    accent: #252423
            (use ctrl+f + replace for accent replacement)
    mobile friendly + custom colors! ✔✔✔

    RULES & DISCLAIMERS
    - fav/comment if using pls!
    - feel free to edit/frakenstein/etc if you feel, just pls dont remove my credit!!
    - have a nice day!!

--->

<div class="container-fluid" style="background-color:#F6F3EE;padding:25px;padding-top:40px;border-radius:0px;max-width:1200px;margin:20px auto 5px;">
    <div class="container-fluid" style="background:none;padding:25px;max-width:700px;margin:auto;">
    <div class="row no-gutters">
        <div class="col-lg-4">
        <div class="card border-0 m-2" style="border-radius:0px;background-color:#FFFFFF;">
            <!--- icon --->
            <img class="p-3 mx-auto d-flex" src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/28252734_NTn.png" style="height:165px;">
        </div>
        </div>
        <div class="col-lg-8">
            <div class="card border-0 m-2 p-2" style="border-radius:0px;background-color:#FFFFFF;">
                <!--- basic info --->
                <h3 class="font-italic mt-3 mx-3" style="color:#252423;font-size:25px;letter-spacing:-1px;font-weight:600;font-family:times;">Name</h3>
                <h3 class="mx-3" style="color:#252423;font-size:21px;letter-spacing:-1px;font-family:times;">
                    Age
                    <br>Pronouns
                    <br>Orientation
                    <br>Title
                </h3>
            </div>
        </div>
    </div>
    <div class="row no-gutters">
        <div class="col-lg-6">
        <div class="card border-0 m-2 p-2" style="border-radius:0px;background-color:#FFFFFF;">
            <!--- art statuses --->
            <h3 class="font-italic mt-3 mx-3" style="color:#252423;font-size:25px;letter-spacing:-1px;font-weight:600;font-family:times;">Statuses</h3>
                <h3 class="mx-3" style="color:#252423;font-size:21px;letter-spacing:-1px;font-family:times;">
                    Commissions: Open
                    <br>Art Trades: Ask
                    <br>Requests: Closed
                    <br>Working On: So and so and so...
                </h3>
        </div>
        </div>
        <div class="col-lg-6">
            <div class="card border-0 m-2 p-2" style="border-radius:0px;background-color:#FFFFFF;">
            <!--- introduction section --->
            <h3 class="font-italic mt-3 mx-3" style="color:#252423;font-size:25px;letter-spacing:-1px;font-weight:600;font-family:times;">lyric or greeting, etc...</h3>
                <h3 class="mx-3" style="color:#252423;font-size:21px;letter-spacing:-1px;font-family:times;">
                    little intro here. it won't scroll so keep it at a minimum. it fits about four lines the best so keep it to that!
                </h3>
            </div>
        </div>
    </div>
    <div class="row no-gutters m-2">
        <div class="col-lg-12">
        <div class="card border-0 p-2 pb-4" style="border-radius:0px;background-color:#FFFFFF;">
            <h3 class="font-italic mt-3 mx-3" style="color:#252423;font-size:25px;letter-spacing:-1px;font-weight:600;font-family:times;">Featured Characters</h3>
                <!--- row 1 of featured characters --->
                <div class="row justify-content-center align-items-center">
                  <a href="URLHERE"><span data-toggle="tooltip" title="CHARACTER NAME"><img class="p-1 mx-auto d-flex" src="https://pbs.twimg.com/profile_images/1235969665748303872/nlZMxfm4_400x400.jpg" style="max-height:100px;max-width:100px;"></a>
                  <a href="URLHERE"><span data-toggle="tooltip" title="CHARACTER NAME"><img class="p-1 mx-auto d-flex" src="https://pbs.twimg.com/profile_images/1235969665748303872/nlZMxfm4_400x400.jpg" style="max-height:100px;max-width:100px;"></a>
                  <a href="URLHERE"><span data-toggle="tooltip" title="CHARACTER NAME"><img class="p-1 mx-auto d-flex" src="https://pbs.twimg.com/profile_images/1235969665748303872/nlZMxfm4_400x400.jpg" style="max-height:100px;max-width:100px;"></a>
                  <a href="URLHERE"><span data-toggle="tooltip" title="CHARACTER NAME"><img class="p-1 mx-auto d-flex" src="https://pbs.twimg.com/profile_images/1235969665748303872/nlZMxfm4_400x400.jpg" style="max-height:100px;max-width:100px;"></a>
                </div>
                <!--- end row 1 --->
                <!--- row 2 of featured characters --->
                <div class="row justify-content-center align-items-center">
                  <a href="URLHERE"><span data-toggle="tooltip" title="CHARACTER NAME"><img class="p-1 mx-auto d-flex" src="https://pbs.twimg.com/profile_images/1235969665748303872/nlZMxfm4_400x400.jpg" style="max-height:100px;max-width:100px;"></a>
                  <a href="URLHERE"><span data-toggle="tooltip" title="CHARACTER NAME"><img class="p-1 mx-auto d-flex" src="https://pbs.twimg.com/profile_images/1235969665748303872/nlZMxfm4_400x400.jpg" style="max-height:100px;max-width:100px;"></a>
                  <a href="URLHERE"><span data-toggle="tooltip" title="CHARACTER NAME"><img class="p-1 mx-auto d-flex" src="https://pbs.twimg.com/profile_images/1235969665748303872/nlZMxfm4_400x400.jpg" style="max-height:100px;max-width:100px;"></a>
                  <a href="URLHERE"><span data-toggle="tooltip" title="CHARACTER NAME"><img class="p-1 mx-auto d-flex" src="https://pbs.twimg.com/profile_images/1235969665748303872/nlZMxfm4_400x400.jpg" style="max-height:100px;max-width:100px;"></a>
                </div>
                <!--- end row 2, to make another row, highlight this end until "row 2 of featured characters, paste immediately after --->
        </div>
        </div>
    </div>
    <!--- credit, dont remove pls! --->
    <a class="d-block text-muted text-center" href="https://toyhou.se/9091728.kid-krow-f2u-html" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>
    </div>
</div>