Profile
<!doctype html>
<!---Code is "Chara-Nav" by couragedraws. Do not claim as your own and/or remove credit.-->
<body>
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progress" style="width:400px;height:160px;margin:auto;border-radius:15px;background-color:#07dbeb">
<div class="container" style="width:380px;height:140px;padding:10px;margin:auto;top:10px;background-color:#FFFFFF;border-radius:10px;color:#03818a;font-family:helvetica;">
<!---code credit, do not remove-->
<a class="fa-solid fa-code" href="https://toyhou.se/couragedraws" style="float:right;position:absolute;top:120px;left:355px;"></a>
<p style="font-size:20px;">
<!---optional pixel sprite can be placed here, if you wish not to use a sprite, delete the text that says IMGLINKHERE-->
<img src="IMGLINKHERE" style="width:30px;bottom:5px;"><!---write write the character's name here-->Character Name</p>
<!---Character PFP: Replace IMGLINKHERE with the image link to your character's pfp.-->
<img src="IMGLINKHERE" style="width:100px;float:right;bottom:20px;right:10px;border:2px solid #5ea4bf; border-radius:15px;">
<!---insert a short, one line description of your character here-->
<i style="font-size:14px;color:#ababab">A (insert short description).</i>
<br>
<!---TAGS-->
<!---->
<!---use THESE pills (below) to include some tags to help sort/define your character (examples: male, anthro, personal, sona, redesigning, fairy, comfort, etc , etc...)-->
<div class="badge badge-pill badge-default"> tag... </div>
<div class="badge badge-pill badge-default"> tag... </div>
<div class="badge badge-pill badge-default"> tag... </div>
<br>
<!---Use THESE tags (below) to state your character's trade/sale status, or what's "okay" or "not okay" with the character (gift art, roleplay, etc). You can delete the tags you are not using.-->
<div class="badge badge-pill badge-success"> okay </div>
<div class="badge badge-pill badge-warning"> depends </div>
<div class="badge badge-pill badge-danger"> not okay</div>
<!---below:link section-->
<div style="display:inline-block;background-color:#ddecf0;border-radius:5px;padding:5px;"> <b class="fal fa-bookmark"></b> Links
<!---Link the below code to your character's gallery.-->
<a class="badge badge-primary" href="linkhere"> gallery </a>
<!---Link the below codes to some of your character's tabs. If you wish to not link tabs, delete this section. You can change the tab name by replacing "tab 1", "tab 2", etc, with the desired name for the tab link.-->
<a class="badge badge-primary" href="linkhere"> tab 1 </a>
<a class="badge badge-primary" href="linkhere"> tab 2 </a>
<a class="badge badge-primary" href="linkhere"> tab 3 </a>
<!---DO NOT DELETE BELOW-->
</div>
</div>
</div>
</body>