<div class="row justify-content-center">
<div class="col-flex p-3" style="background-image:url(https://cdn.discordapp.com/attachments/712705072730996798/1123282197038764053/photo-1610660385015-2998bdb71320.png);background-size:120%;background-position:center center;">
<div class="row justify-content-center">
<div class="col justify-content-center">
<div class="rounded-circle m-3 ml-lg-2 shadow" style="height:210px;width:210px;background-color:rgba(7,100,137,0.5);border:5px solid #FFFFFF;border-style:solid dotted">
<div class="square" style="display:flex;background-image:url(
PROFILE IMAGE URL HERE
);background-size:cover;height:200px;width:200px;border:8px solid rgb(7,100,137);border-style:dashed ridge;">
<p style="color:#000000;background-color:#FFFFFF;font-family:copperplate gothic;font-size:16px;font-weight:bold;padding:3px;margin:3px;width:180px;text-align:center;align-self:flex-end">
YOUR NAME HERE <!--KEEP IT SHORT; THIS SECTION ISN'T RESPONSIVE! I RECOMMEND A NICKNAME-->
</p>
</div>
</div>
</div><!--end col 1-->
<div class="col-fluid text-light p-3 my-1" style="border:5px solid rgba(7,100,137,1);border-style:groove;width:300px;height:235px">
<p>
<span class="my-3 px-2 rounded text-uppercase font-weight-light" style="background-color:rgba(7,100,137,1);border-radius:0px;font-size:16px;font-family:copperplate gothic">User:</span>
<span class="mt-n2 font-weight-light" style="font-size:20px;font-family:copperplate gothic">
<a href="
LINK TO YOUR ARTFIGHT PROFILE HERE
" class="text-white">
Art Fight User <!--I ALSO RECOMMEND KEEPING THIS SHORT. OR, ALTERNATELY, JUST CHANGE THE FONT SIZE ABOVE-->
</a></span>
</p>
<p style="width:270px;overflow:auto;font-family:copperplate gothic;height:160px;">
<span class="my-3 px-2 rounded text-uppercase font-weight-light" style="background-color:rgba(7,100,137,1);border-radius:0px;font-size:16px">I attack:</span><br>
<span style="font-size:16px;font-family:papyrus;">
What do you attack? Elaborate here.
<br>(I think this is the funniest way I've ever used Papyrus [this font] in a non-meme context.)
<br>(To each their own, however.)
</span>
</p>
</div><!--end col 2-->
<div class="col-fluid">
<div class="mx-3">
<p>
<i class="fas fa-teeth-open fa-fade fa-2x" style="margin-top:30px;animation-duration:5s;color:rgba(0,0,0,1);"></i>
<br><br>
<!--INCLUDE YOUR PROFILE LINK BELOW!-->
<a href="
PROFILE LINK HERE
" class="text-white" data-toggle="tooltip" data-placement="top" title="Art Fight Page">
<i class="fas fa-paw fa-bounce fa-2x" style="animation-duration:3s;padding-left:2px;color:#FFFFFF"></i>
</a>
<br><br>
<!--INCLUDE YOUR CHARACTER PAGE LINK BELOW!-->
<a href="
CHARACTER PAGE LINK HERE
" class="text-white" data-toggle="tooltip" data-placement="top" title="Characters">
<i class="fas fa-bone-break fa-2x"></i>
</a>
<br><br>
<a href="https://toyhou.se/fisticuffs/characters/folder:1942861" class="text-white" data-toggle="tooltip" data-placement="top" title="Code by kale // suitcasedragon"><!--THIS IS THE CODE CREDIT. DO NOT REMOVE.-->
<i class="fas fa-teeth-open fa-fade fa-2x" style="margin-bottom:10px;animation-duration:10s;animation-direction:reverse;color:rgb(7,100,137);"></i></a>
</p>
</div>
</div>
</div><!--end row-->
</div><!--end container-->
</div>