<div class="card p-3 mx-auto" style="max-width:600px; min-width:400px; background: #F8E0F1; background-image:url(https://i.imgur.com/8VL61F0.png); border:2px dashed #F5A9D0;">
<div class="card p-3" style="background:white; border:2px dashed #9FF781; background-image:url(https://i.imgur.com/8VL61F0.png);">
<div class="row no-gutters">
<div class="col pr-2">
<div class="card mx-auto py-2 text-center" style="background:white; border:2px dashed #F5A9D0">
<!--- name pixels --->
<span>
<img src="https://64.media.tumblr.com/538dae00fd2a717da7dacca72be75b07/4a8e2876c6219082-57/s75x75_c1/11dacef0faed831f5cb84d8a7acd9762fe0de167.gifv">
<img src="https://64.media.tumblr.com/bd1b1dc70587c1c1c3a7f76066b7b7ce/4a8e2876c6219082-d3/s75x75_c1/f9addc2756c495f5c7ccad24847ed9bee880ad84.gifv">
<img src="https://64.media.tumblr.com/0236d625f752fed4e84524c36406da28/4a8e2876c6219082-79/s75x75_c1/148bd5ff0d5154ec1bbe0b77f03375061345e9e0.gifv">
<img src="https://64.media.tumblr.com/0cb12584652f27f813fd27ab50ee4308/4a8e2876c6219082-4e/s75x75_c1/d2cfa961f76ea16e71632c37e0684f6d7f21dee6.gifv">
</span>
</div>
<!--- image --->
<div class="card mx-auto m-3" style="height:80%;background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/54982359_9qAOdgCdP2NW9Tw.png);background-size:cover; background-position:center; border:2px dashed #F8EE87">
</div>
</div>
<div class="col pl-2">
<!--- fa icon --->
<i class="fal fa-face-awesome fa-4x" style="color:#F8EE87;position:absolute; right:0px; top:-40px;transform:rotate(12deg); z-index:500;"></i>
<!--- info box --->
<div class="card text-center p-2 mb-2" style="background:white;font-size:16px; https://i.imgur.com/8VL61F0.png); border:2px dashed #8CEDFC">
<div class="justify-content-around">
<!--- links --->
<a href="url" style="color:#81DAF5" title="carrd"><i class="fal fa-address-card fa-lg"></i></a>
<a href="url" style="color:#82FA58" title="offers folder"><i class="fal fa-box-dollar fa-lg"></i></a>
<a href="url" style="color:#F5A9D0" title="title"><i class="fal fa-globe fa-lg"></i></a>
</div>
<!--- bio --->
<span style="color:#DA81F5;">
put <img src="https://64.media.tumblr.com/c048f145db43258d21fcf02fdf550b0c/5efef1d5cb4addc0-1c/s75x75_c1/429f533b7ebac9cc7123f74c6edbeb4505d791ce.gifv">
some <img src="https://64.media.tumblr.com/c048f145db43258d21fcf02fdf550b0c/5efef1d5cb4addc0-1c/s75x75_c1/429f533b7ebac9cc7123f74c6edbeb4505d791ce.gifv">
info <img src="https://64.media.tumblr.com/c048f145db43258d21fcf02fdf550b0c/5efef1d5cb4addc0-1c/s75x75_c1/429f533b7ebac9cc7123f74c6edbeb4505d791ce.gifv">
here </span>
<span style="color:#F5A9D0;"> infoooo weee try to have it have a few lines so the image is a good size - looks best with this many lines but if there's less text it'll still resize it it'll just be a lil squished!
<br><img src="https://64.media.tumblr.com/d54e0a2b2464090073d2938c22a20b49/5efef1d5cb4addc0-fa/s250x400/9bc0f155ce9ebd1ac3b88549e9b04ecd0b4f5089.gifv"> </span>
</div>
<!--- stamp border dont touch --->
<div class="justify-content-around">
<div class="" style="background-image:url(https://i.imgur.com/79ntaZp.png);height:56px; width:99px; overflow:hidden;">
<!--- stamp image pls touch --->
<div style="background-image:url(https://i.imgur.com/kxg8QqP.png);background-size:cover;width:94px;height:51px;margin-left:3px;margin-top:2px;">
</div>
</div>
<!--- stamp border dont touch --->
<div class="" style="background-image:url(https://i.imgur.com/79ntaZp.png);height:56px; width:99px; overflow:hidden;">
<!--- stamp image pls touch --->
<div style="background-image:url(https://i.imgur.com/kxg8QqP.png);background-size:cover;width:94px;height:51px;margin-left:3px;margin-top:2px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center"><a href="https://toyhou.se/Hiilumaru/characters/folder:2492566" style="color:#F5A9D0" title="Code by Hiilumaru"><i class="fal fa-code fa-lg"></i></a></div>
