<!-- tiny mf (BS) || by [email protected]
HANDY WEBSITES:
> Font Awesome: https://fontawesome.com/
> W3 Schools Bootstrap: https://www.w3schools.com/bootstrap/
> W3 Schools HTML: https://www.w3schools.com/html/default.asp
> Bootstrap Docs: https://getbootstrap.com/docs/5.1/getting-started/introduction/
> Toyhou.se Help Thread: https://toyhou.se/~forums/16.htmlcss-graphics/48845.-help-thread-ask-your-questions-here-
==============================
accent ------- -sucess
==============================
reminder to read my tos :3 -> https://toyhou.se/~bulletins/491483.global-tos
leave a comment!! <33 -> https://toyhou.se/~forums/16.htmlcss-graphics/245374.the-codes-of-a-person-acp-s-coding-thread
THANK YOU FOR USING <3
---------------------------->
<div class="align-items-center justify-content-center">
<div class="mx-auto py-5" style="max-width: 400px; font-size: 13.5px;">
<div class="row no-gutters">
<!----------------------------
====================
STATUS
====================
------------------------------>
<div class="col-12 text-monospace" style="font-size: 10px;">
<div class="card pl-2 mb-1" style="border-width: 0 0 0 1px;"><div>
<b>status:</b>
<span class="pl-2">okay ^-^</span>
</div></div>
</div>
<!-- ============= / ============= -->
<!----------------------------
====================
HEADER
====================
------------------------------>
<div class="col-12 w-100" style="background-size: cover; background-position: center; background-image: url(
https://images.unsplash.com/uploads/1412026095116d2b0c90e/3bf33993?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2067&q=80
); height: 75px;">
<!-- MUSIC
>> -------------------------------->
<div class="hidden-sm-down" style="position: absolute; right: 0; bottom: 0;">
<div class="row no-gutters">
<div class="col-auto ml-1 mr-2 mb-n3 tooltipster"
title="Name: Poems in the Fog"
style="z-index: 5; overflow: hidden;"><div class="bg-success" style="overflow: hidden;"><a class="btn btn-block btn-outline-secondary border-0 p-1 text-white" style="border-radius: 0; overflow: hidden;">
<i class="fas fa-compact-disc fa-sm fa-spin"></i>
<!-- change [ z6F7TTkgg5w ] to the numbers after https://www.youtube.com/watch?v= -->
<iframe
src="https://www.youtube.com/embed/z6F7TTkgg5w?controls=0"
frameborder="0" style="position: absolute; opacity: 0.0000420; top: -50px; left: -50px; z-index: 420.69;"></iframe>
</a></div></div>
</div>
</div>
<!-- << --------------------------->
</div>
<!-- ============= / ============= -->
<!----------------------------
====================
CONTENT
====================
------------------------------>
<div class="col-12 card border-0 rounded-0">
<!----- ICON AND BASIC INFO
>> -------------------------------->
<div class="row no-gutters align-items-center pt-2">
<div class="col-auto px-3">
<!-- IMAGE CREDIT --> <a
href="https://www.omocat-shop.com/">
<!-- AVATAR --> <img
src="https://f2.toyhou.se/file/f2-toyhou-se/images/69022789_UJVRRFNkJIp4XNJ.jpg"
class="img-thumbnail mt-n5 p-2 border-0" style="border-radius: 50%; width: 85px;"></a></div>
<div class="col flex-column mt-n2">
<div class="font-weight-bold" style="letter-spacing: 0.5px;">
username
</div>
<div class="font-weight-light small" style="margin-top: -2px;">
16+
<i class="far fa-angle-right mx-1 fa-sm fa-fw text-success"></i>
he/him
<i class="far fa-angle-right mx-1 fa-sm fa-fw text-success"></i>
gardener
</div>
</div>
</div>
<!-- << --------------------------->
<!----- INFORMATION
>> -------------------------------->
<div class="row no-gutters">
<div class="my-1 px-3 col-lg-9" style="font-size: 11px;">
<div>
<span class="font-weight-bold text-success" style="letter-spacing: 1px;">
BASIL!!
</span>
very smol tiny extremely short info.
</div>
<!-- QUOTE -->
<div class="text-muted"><i class="fal fa-quote-left pr-2"></i> <span class="font-italic" style="font-family:'Courier New', Courier, monospace;">
everything is going to be okay.
</span></div>
<!-- LINKS -->
<div><div style="font-weight: 500;">
<a href="LINK_HERE" class="pr-1" style="text-decoration: underline; color: inherit;">link</a>
<a href="LINK_HERE" class="pr-1" style="text-decoration: underline; color: inherit;">link</a>
<a href="LINK_HERE" class="pr-1" style="text-decoration: underline; color: inherit;">link</a>
<a href="https://toyhou.se/22820365.15-tiny-mf" class="pr-1" style="text-decoration: underline; color: inherit;">html</a>
</div></div>
<!-- TAGS -->
<div class="font-italic mt-2 pt-1 text-success" style="letter-spacing: 0.5px; opacity: 0.7;">
#brazil`
#shears_lover
#plants4life
</div>
</div>
</div>
<!-- << --------------------------->
<!----- PAGEDOLL (ADJUST AS NEEDED)
>> -------------------------------->
<a
href="https://www.omocat-shop.com/"
style="position: absolute; bottom: 0; right: 0;" class="
mb-n4 mr-lg-n3 mr-n2
hidden-sm-down"><img
src="https://f2.toyhou.se/file/f2-toyhou-se/images/69022777_ZGgNlOO8HgpDhoH.png"
style="
max-width: 125px;
"></a>
<!-- << --------------------------->
</div>
</div>
</div>
</div>