<!--
happy hardcore - ftu code by calicodes!
this code uses fa icons, find them here: https://fontawesome.com/icons/
gir deco from https://toyhou.se/15166219.page-decor/21582050.page-dolls/gallery#66066250
--->
<!--- bg --->
<div class="row justify-content-center">
<div class="card p-3 mt-3" style="width:600px;
background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2aa5a8b8-67eb-4aec-ba55-cfba0e4ef9cd/d1tcrxt-41f0f5cd-f6a7-4b16-a46d-580ade60cbbf.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJhYTVhOGI4LTY3ZWItNGFlYy1iYTU1LWNmYmEwZTRlZjljZFwvZDF0Y3J4dC00MWYwZjVjZC1mNmE3LTRiMTYtYTQ2ZC01ODBhZGU2MGNiYmYuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gH3BxLOjB0myvuWgVvNG8xbXe5aq08nXrbLoiDJ4juA);
background-size:600px; background-position:cover;">
<!--- row one --->
<div class="row no-gutters justify-content-center">
<!--- icon --->
<div class="col-5 mt-1 p-2" style="border-width:4px; border-color:#000000; height:150px; max-width:150px; border-style:solid;
background-image:url(https://i.pinimg.com/originals/8e/c5/37/8ec537012e3c7e3eb33573a17500778a.jpg);
background-size:150px;
background-position:center;">
<!--- deco next to icon --->
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/66066250_fUqwJe5bSBggkWV.png?1686206203" style="margin-left:-30px; margin-top:-20px; z-index:1000; transform:rotate(-10deg)">
<img src="https://three.crd.co/assets/images/gallery10/ac3d9043_original.gif?v=3ca8b0b5" style="height:40px; width:40px; margin-left:110px; margin-top:70px; z-index:1000; transform:rotate(10deg)">
</div>
<!--- about box --->
<div class="col-4 p-2 mt-1 mx-1" style="height:150px; min-width:300px; overflow-x: hidden; color:#ff97f9; background-color:#000">
<p> <span style="
letter-spacing:1.5px;
font-size:16px;
font-family:monospace
text-shadow:-2px 1px 0px rgba(255,255,255,0.17);">
<img src="https://three.crd.co/assets/images/gallery10/6a6c82dc_original.gif?v=3ca8b0b5" height="16px">
<b><i>ABOUT !!</i></b> </span> </p>
<p> <span style="font-size:11px; font-weight:light; font-family:monospace"> dd an abt here!! this box scrolls so type as much as u want! meow meow meow meow meow meow meow meow meow meow meow meow meow meow meow meow meow meow meow meow
<br>
<br> 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.</span> </p>
</div>
</div>
<!--- row 2 --->
<div class="container p-1">
<div class="row justify-content-center">
<div class="col-4 p-2"
style="max-width:150px;
background-color:#000;
border-width:4px;
border-color:#000;
border-style:solid;">
<!--- info card --->
<div class="d-flex add align-items-center font-weight-bold" style="font-size:12px; font-weight:10px; font-family:monospace; color:#8B518A"> NAME: <hr class="flex-grow-1 mx-1 my-0" style="border-color:#9c3182"> <span style="color:#e47fde" class="font-weight-lighter"> content </span> </div>
<div class="d-flex add align-items-center font-weight-bold" style="font-size:12px; font-weight:10px; font-family:monospace; color:#8B518A"> GENDER: <hr class="flex-grow-1 mx-1 my-0" style="border-color:#9c3182"> <span style="color:#e47fde" class="font-weight-lighter"> content </span> </div>
<div class="d-flex add align-items-center font-weight-bold" style="font-size:12px; font-weight:10px; font-family:monospace; color:#8B518A"> PRNS: <hr class="flex-grow-1 mx-1 my-0" style="border-color:#9c3182"> <span style="color:#e47fde" class="font-weight-lighter"> content </span> </div>
<div class="d-flex add align-items-center font-weight-bold" style="font-size:12px; font-weight:10px; font-family:monospace; color:#8B518A"> SPECIES: <hr class="flex-grow-1 mx-1 my-0" style="border-color:#9c3182"> <span style="color:#e47fde" class="font-weight-lighter"> content </span> </div>
<div class="d-flex add align-items-center font-weight-bold" style="font-size:12px; font-weight:10px; font-family:monospace; color:#8B518A"> BDAY: <hr class="flex-grow-1 mx-1 my-0" style="border-color:#9c3182"> <span style="color:#e47fde" class="font-weight-lighter"> 00/00 </span> </div>
</div>
<!--- images --->
<div class="col mx-1 d-flex add align-items-center" style="height:120px; max-width:300px; background-color:#000">
<!--- img 1 --->
<div class="container">
<div class="row">
<div class="col" style="background-image:url(https://i.pinimg.com/originals/12/5e/e3/125ee302526ad372803962d795317d3b.jpg);
background-size:90px;
background-position:center;"></div>
<!--- img 2 --->
<div class="col mx-1" style="height:90px; background-image:url(https://i.pinimg.com/originals/0f/47/46/0f4746ecaaf13ae8d1d5d89ad4a4c5e9.jpg);
background-size:90px;
background-position:center;"></div>
<!--- img 3 --->
<div class="col" style="height:90px; background-image:url(https://i.pinimg.com/originals/24/f6/71/24f67172f0a2eb0ba72f2bbbe98ad0b4.png);
background-size:90px;
background-position:center;"></div>
</div>
</div>
</div>
</div>
</div>
<!--- stampz --->
<div class="container p-2" style="border-width:4px; border-color:#000; border-style:solid; background-color:#000; width:400px">
<div class="row no-gutters justify-content-center">
<div class="col-auto"> <img src="https://file.garden/ZFsH6ihvAk-Bo1x_/happy%20hardcore/1.png">
<i class="fa-light fa-sparkles"></i> </div>
<div class="col-auto mx-2"> <img src="https://file.garden/ZFsH6ihvAk-Bo1x_/happy%20hardcore/2.png"> <i class="fa-light fa-sparkles"></i> </div>
<div class="col-auto"> <img src="https://file.garden/ZFsH6ihvAk-Bo1x_/happy%20hardcore/3.png"></div>
</div></div>
</div></div>
<div align="center"> <a href="https://toyhou.se/calicodes" style="color:#000000"> <span data-toggle="tooltip" title="code by calicodes"> <i class="fa-solid fa-code"></i> </span> </a> </div>
