<div class="row justify-content-center text-monospace ">
<div class="col-flex p-3 pt-4" style="background-image:url(https://cdn.discordapp.com/attachments/712705072730996798/989655622523977748/lee-DK7msqOZ9fI-unsplash.jpg);background-size:cover;">
<div class="row justify-content-center">
<div class="col justify-content-center mt-2">
<div class="rounded-circle m-3 ml-lg-2 shadow" style="height:210px;width:210px;background-color:rgba(80,94,8,0.2);border:5px dotted rgba(80,94,8,1)">
<div class="rounded-circle" style="
background-image:url(PROFILE IMAGE URL HERE)
;background-size:cover;height:200px;width:200px;border:8px solid rgba(80,94,8,1);border-style:dotted;">
<i class="fas fa-flower fa-spin" style="margin-left:auto;margin-right:auto;animation-duration:10s;padding:40px;color:rgba(80,94,8,1);"></i>
<i class="fas fa-flower fa-spin" style="margin-left:auto;margin-right:auto;animation-duration:20s;padding:30px;padding-left:120px;color:rgba(80,94,8,1);"></i>
</div>
</div>
</div><!--end col 1-->
<div class="col-fluid text-light p-3 my-3" style="border-radius:25px;border:5px solid rgba(80,94,8,1);border-style:dotted;width:300px;height:235px;background-color:rgba(250,250,250,0.6);">
<p>
<span class="my-3 px-2 rounded text-uppercase" style="background-color:rgba(80,94,8,1);border-radius:25px;font-size:20px">User:</span>
<span class="mt-n2" style="font-size:20px;">
<a href="LINK TO YOUR ARTFIGHT PROFILE HERE" style="color:rgba(80,94,8,1);">
Art Fight User
</a></span>
</p>
<p style="width:250px;height:overflow:auto;">
<span class="my-3 px-2 rounded text-uppercase" style="background-color:rgba(80,94,8,1);border-radius:25px;font-size:16px">I attack:</span><br>
<span style="font-size:13px;color:rgba(80,94,8,1);"><b>
What do you attack? Elaborate here.
<br>Maybe list some "do" and "don't"?
<br>This code is pretty tiny, so.
</b></span>
</p>
</div><!--end col 2-->
<div class="col-fluid">
<div class="mx-3">
<p>
<i class="fas fa-flower fa-spin fa-2x p-2" style="border-radius:25px;border:5px solid rgba(80,94,8,1);border-style:dotted;animation-duration:10s;color:rgba(80,94,8,1);"></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-user-circle fa-spin fa-2x p-2" style="border-radius:25px;border:5px solid rgba(80,94,8,1);border-style:dotted;animation-duration:0s;animation-direction:reverse;color:rgba(80,94,8,1);"></i>
</a>
<br><br>
<a href="CHARACTER PAGE LINK HERE" data-toggle="tooltip" data-placement="top" title="My Characters">
<i class="fas fa-pencil-paintbrush fa-spin fa-2x p-2" style="border-radius:25px;border:5px solid rgba(80,94,8,1);border-style:dotted;animation-duration:0s;color:rgba(80,94,8,1);background-color:rgba(250,250,250,0.6);"></i>
</a>
<br><br>
<a href="https://toyhou.se/suitcasedragon/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-flower fa-spin fa-2x p-2" style="border-radius:25px;border:5px solid rgba(80,94,8,1);border-style:dotted;animation-duration:10s;animation-direction:reverse;color:rgba(80,94,8,1);"></i></a>
</p>
</div>
</div>
</div><!--end row-->
</div><!--end container-->
</div>