<div class="container align-items-center justify-content-center my-5">
<!--- big box :] --->
<div style="background: #becfc2; width: 500px; height: 350px; border: 10px rgba(255,255,255,0.3) outset; " class="p-1 row no-gutters">
<!-- top-left icon -->
<div class="col-4" style="width: 100%; height: 155px; background: #afafaf; background-image: url(https://f2.toyhou.se/file/f2-toyhou-se/images/37172758_srbGFE24UkR3Lkz.png); background-size: cover; margin-top: -50px; border-radius: 10px; transform: rotate(-10deg); overflow: hidden; box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);"></div>
<!-- top -->
<div class="col-7" style="width: 100%; height: 50px; background: #edeff2; background-size: cover; margin-top: -15px; margin-left: 20px; transform: rotate(2deg); overflow: hidden; border: 5px rgba(255,255,255,0.3) outset; font-size: 25px; font-family: Courier New; overflow: hidden; text-align: center; color: #000; box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);">
(nick)name/title
</div>
<!-- socials -->
<div class="col-6 p-0" style="width: 100%; height: 40px; background: #edeff2; background-size: cover; margin-top: -10px; margin-left: -50px; transform: rotate(5deg); overflow: hidden; border: 5px rgba(255,255,255,0.3) outset; font-size: 20px; font-family: Courier New; overflow: show; letter-spacing: 5px; text-align: center; font-size: 25px; box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);">
<!-- code credit (KEEP) --->
<a href="https://toyhou.se/13373329." class="text-success"><i class="fas fa-code"></i></a>
<!-- da --->
<a href="LINK_HERE" class="text-success"><i class="fab fa-deviantart"></i></a>
<!-- yt --->
<a href="LINK_HERE" class="text-success"><i class="fab fa-youtube"></i></a>
<!-- af --->
<a href="LINK_HERE" class="text-success"><i class="fas fa-paint-brush"></i></a>
<!-- tumblr --->
<a href="LINK_HERE" class="text-success"><i class="fab fa-tumblr"></i></a>
</div>
<!-- about you -->
<div class="col-7 p-1" style="width: 100%; height: 250px; background: #edeff2; background-size: cover; margin-top: -100px; margin-left: 210px; transform: rotate(-5deg); overflow: hidden; border: 5px rgba(255,255,255,0.3) outset; font-size: 20px; font-family: Courier New; overflow: auto; text-align: left; color: #000; box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);">
About you section goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
</div>
<!-- pagedoll -->
<div class="col-8 p-1" style="width: 100%; height: 100%; background: url(https://media.discordapp.net/attachments/792462172709716001/905272706801491968/cropped_asdkjfasdkfasd.png); background-size: cover; margin-top: -150px; margin-left: -60px; transform: rotate(10deg); overflow: hidden; overflow: auto; text-align: left; color: #000;"><img style="box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);" ></div>
</div>
</div>
