HOMESTUCK PAGE CHARACTER PROFILE 4 ARTFIGHT!! :3

HIII!! I made a simple code 2 put in your character's description on artfight, to simulate a Homestuck character presentation page!! You can add whatev image, just replace it with the placeholder I used :9

You can also use it for stuff that isn't artfight, though idk if any layout would change. Credit is already included in the code, would REALLY appreciate if it wasn't removed! Anywayz, have fun!! (˶˃ ᵕ ˂˶) .ᐟ.ᐟ

CODE START:

<p style="text-align:center;"> </p>

<div class="row no-gutters">

<div class="col-lg pr-lg-2 mx-auto mt-lg-0 mt-3" style="max-width:900px;">

<div style="background-color:#A1A1A1;color:#A1A1A1;" class="py-1 px-1">

<div class="row no-gutters">

<div class="col" style="text-align:left;">

<span style="background-color:#A1A1A1;" class="py-1">

</span>

<div class="row no-gutters">

<div class="col-lg pr-lg-2 mx-auto mt-lg-0 mt-3" style="max-width:600px;">

<div style="background-color:#E0E0E0;color:#E0E0E0;" class="py-1 px-1">

<div class="row no-gutters">

<div class="col" style="text-align:center;">

<span style="color:rgb(0,0,0);font-family:'Courier New', Courier, monospace;font-size:36px;"><strong>En</strong><strong>ter name.</strong></span>

<span style="background-color:#3330cf;" class="py-1 rounded"></span>

<p style="text-align:center;"><span style="color:rgb(0,0,0);"><img src="https://media.wired.com/photos/5955ca12cbd9b77a41915c60/3:2/w_2560%2Cc_limit/homestuck.png" style="width: 584px; display: block; vertical-align: top; margin: 5px auto 5px 0px; text-align: left;" alt="142APEO.gif">

</span></p><span style="color:rgb(0,0,0);">

</span>

<p style="text-align:center;"><span style="color:rgb(0,0,0);"></span></p>

<p style="text-align:center;"><span style="color:rgb(0,0,0);"></span><span style="color:rgb(0,0,0);font-family:'Courier New', Courier, monospace;"><strong>Your name is (your character's name).</strong></span></p>

<p style="text-align:center;"><span style="color:rgb(0,0,0);font-family:'Courier New', Courier, monospace;"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</strong></span></p>

<p style="text-align:center;"><span style="color:rgb(99,107,47);font-family:'Courier New', Courier, monospace;"></span><span style="color:rgb(97,189,109);font-family:'Courier New', Courier, monospace;"></span></p>

<p style="text-align:center;"><span style="color:rgb(97,189,109);font-family:'Courier New', Courier, monospace;"></span><span style="color:rgb(0,0,0);font-family:'Courier New', Courier, monospace;"><strong>What will you do?</strong></span></p>

<p style="text-align:center;">

<br>

</p>

<p style="text-align:left;"><span style="color:rgb(41,105,176);font-family:'Courier New', Courier, monospace;"></span><span style="font-family:'Courier New', Courier, monospace;"></span></p><span class="py-1 rounded"></span>

<p style="text-align:left;"><span style="font-family:'Courier New', Courier, monospace;font-size:36px;color:rgb(0,0,0);">> </span><span style='font-family: "Courier New", Courier, monospace; font-size: 36px; color: rgb(44, 130, 201);'><u>Shit on your desk and bleat like a goat.</u></span></p><span style="color: rgb(41, 105, 176);">

</span>

<p style="text-align:left;">

<br>

</p><span style="background-color:#3330cf;" class="py-1 rounded"></span>

<p style="text-align:left;"><span style="background-color:rgb(51,48,207);color:rgb(41,105,176);font-family:'Courier New', Courier, monospace;font-size:30px;"></span><span style="color:rgb(41,105,176);"></span></p>

<p style="text-align:center;">

<br>

</p><span style="background-color:rgb(44,130,201);" class="py-1 rounded"></span>

<p style="text-align:left;"><span style="background-color:rgb(44,130,201);color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><u><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></u></span></strong></span><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong> </strong></span></strong><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u>Start Over</u></strong></span><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong> </strong></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong>  </strong></span></strong><strong><span style="color:rgb(0,0,0);">I    </span></strong></span><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u>Go Back<span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong> </strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong>                                <u>Save Game </u>  </strong></span></strong><strong><span style="color:rgb(0,0,0);">I     </span></strong></span><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u>Autosave<span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong>  </strong></span></strong><strong><span style="color:rgb(0,0,0);">I    </span></strong></span><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u>Load Game<span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong>  </strong></span></strong><strong><span style="color:rgb(0,0,0);">I    </span></strong></span><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span></strong></span><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"></span></strong></span></strong></span></strong></span><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u>Delete Save Data</u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></p>

<p style="text-align:left;"><span style="color:rgb(41,105,176);"><a href="https://artfight.net/~Spiralingbeetle"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u><span style="color:rgb(41,105,176);" data-pasted="true"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);"><strong><span style="color:rgb(41,105,176);font-size:12px;"><strong><u></></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></span></u></strong></span></strong></span></strong></span></strong></a></span></p><span style="background-color:#3330cf;" class="py-1 rounded"></span>

<p style="text-align:center;">

<br>

</p>

</div></div></div></div></div>

</div></div></div></div></div>

CODE END

I'll post a reply with how it looks!