<div class="container-fluid mx-auto justify-content-center">
<div class="container-sm">
<div class="row">
<div class="col-sm-12 col-lg-4 mx-auto px-1">
<!---below is the image at the bottom of the container, replace the link or you can get rid of it all together by removing the entire style tag. you can change if it's to the bottom left or right (or remove a direction for center), you can also set it to repeat by replacing no-repeat with 'repeat-x' -->
<div class="card px-1 px-lg-3 py-lg-2 mx-lg-3 bg-faded text-center" id="footer img" style="background-size:auto; background-repeat:no-repeat; background-position:bottom left; background-image: url('https://cdn.discordapp.com/attachments/955323640541503508/982374539201765397/unknown.png');">
<!--input name and fontawesome emojis below, fa name codes are at fontawesome.com-->
<div class="text-body display-4 font-weight-bold my-1" id="title"><span>.: <i class="fa-solid fa-cloud-moon text-primary"></i> </span>NAME<span style="font-size: 36px; -webkit-text-stroke: 0px;"> <i class="fa-solid fa-book-sparkles text-primary"></i> :.</span></div>
<hr class="w-75 mt-1 bg-info">
<p class="mb-2">
<!---put stamp links below! be sure to link back to who made them.-->
<a href="https://www.deviantart.com/homu64/art/Lambdadelta-x-Bernkastel-stamp-706053830" id="1"><img src="https://media.discordapp.net/attachments/955323640541503508/982364992202481725/unknown.png" class="fr-fic fr-dii" width="99" height="56"></a>
<a href="https://www.deviantart.com/that-black-rabbit/art/Running-With-The-Wolves-640569152" id="2"><img src="https://media.discordapp.net/attachments/955323640541503508/982366699120631818/unknown.png" class="fr-fic fr-dii" width="97" height="57"></a>
<a href="https://www.deviantart.com/homu64/art/hanyuu-furude-stamp-715275388" id="3" rel="noopener noreferrer" target="_blank"><img src="https://media.discordapp.net/attachments/955323640541503508/982367142865436682/unknown.png" class="fr-fic fr-dii" width="99" height="56"></a>
</p>
<div id="subtitle" class="h2 font-weight-bold text-body mt-0" style="font-variant: small-caps;">
<!---deco img 1, keep it small, or not, it'll resize. you will want a square image for best results!-->
<img src="https://cdn.discordapp.com/attachments/955323640541503508/963498122716278874/7fcc4e14.gif" class="fr-fic fr-dii" width="25" height="25">
pronouns : and : more!
<!---deco img 2, same as the first one :)-->
<img src="https://cdn.discordapp.com/attachments/955323640541503508/963498122716278874/7fcc4e14.gif" class="fr-fic fr-dii" width="25" height="25"></div>
<div class="px-lg-2">
<p class="px-lg-1">
this can be as long as you want!! it doesn't scroll, though.
<hr class="mt-0"> <!---this simply divides the text, feel free to repeat it or just put in new p classes. either works, higher number = more space-->
<small>these colors ARE bootstrap :D they will adjust to whatever site theme you have on, or, custom css if you have it applied. (adjustments might be needed depending)</small>
<br>
<strong><u>please don't remove the creds, inspo/whatever is fine but don't blatantly take the whole code and redistribute it as your own.</u></strong> :]
<hr class="my-2">
also feel free to run this through wysiwyg but if it breaks that's your own problem 2 fix.....sorry......
<br>
<p class="px-lg-2" style="font-size: 11px;">(aka you probably don't wanna do that, the custom colors callisto claims to be fine with it; but i cannot promise this one will be. to avoid this, go into your toyhouse settings -> display settings, then turn off profile wysiwyg text (before inserting any sort of code))
</p>
</div>
<hr class="my-2">
<p>
<!--deco image 1-->
<img src="https://cdn.discordapp.com/attachments/955323640541503508/982375603875512330/tumblr_5169e9011903361b9df01d504ca590a0_e627bdde_75.gif" class="fr-fic fr-dii" width="20" height="20"><strong>*
<!--links, you could put other socials or friends etc :D, replace the slashes with FULL links (including the https part). if you want them all to be the same color, remove the entire class= from the 2nd link line-->
<a href="/">link 1</a>
:
<a href="/" class="text-warning">link 2</a>
:
<a href="/">link 3</a>
*</strong>
<!--deco image 2-->
<img src="https://cdn.discordapp.com/attachments/955231751452639236/982373042657304646/sakura.gif" width="20" height="20"></p>
<p><span style="font-size: 10px;"><strong><span style="color: rgb(237, 120, 45);">.</span></strong><strong><span style="color: rgb(237, 120, 45);"> </span></strong></span>
</p>
</div>
</div>
</div>
</div>
</div>
<!--below is code credit, please do not remove! you can change the font awesome icon to a different one, but otherwise no touchy pls..-->
<p align="right" style="font-variant:smallcaps; position: absolute;margin:auto; right: 49%"><a href="https://toyhou.se/16453093.bio-01-redux-" data-toggle="tooltip" title="code by hxh (lukas)"><i class="fa-solid fa-circle-heart"></i></a></p>
