<div class="row justify-content-center">
<div class="col-flex p-3" style="background-image:url(https://cdn.discordapp.com/attachments/712705072730996798/1121956738216759317/photo-1572470639737-b7ba86062735.png);background-size:cover;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(137,7,7,0.5);border:5px solid #FFFFFF">
<div class="square" style="display:flex;background-image:url(
PROFILE IMAGE URL HERE
);background-size:cover;height:200px;width:200px;border:8px solid rgba(137,7,7,1);border-style:double dashed;">
<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
p>
div>
div>
div>
<div class="col-fluid text-light p-3 my-1" style="border:5px solid rgba(137,7,7,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(137,7,7,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
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(137,7,7,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>
<div class="col-fluid">
<div class="mx-3">
<p>
<i class="fas fa-bat fa-fade fa-2x" style="margin-left:5px;margin-top:30px;animation-duration:5s;color:#000000;">i>
<br><br>
<a href="
PROFILE LINK HERE
" class="text-white" data-toggle="tooltip" data-placement="top" title="Art Fight Page">
<i class="fas fa-spider-black-widow fa-pulse fa-2x" style="margin-left:5px;animation-duration:20s;animation-direction:reverse;color:#FFFFFF">i>
a>
<br><br>
<a href="
CHARACTER PAGE LINK HERE
" class="text-white" data-toggle="tooltip" data-placement="top" title="Characters">
<i class="fas fa-skull fa-2x" style="margin-left:8px;">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">
<i class="fas fa-bat fa-fade fa-2x" style="margin-left:5px;animation-duration:10s;animation-direction:reverse;color:#000000;">i>a>
p>
div>
div>
div>
div>
div>