<!---
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>
