[F2U] Roleplay Information (Code)

<!-----------------------------

[F2U] Roleplay Information
Code By PepperzCodes

-------------------

CODE RULES:

YOU MUST
Turn off WYSIWYG as it may break the code. (https://toyhou.se/~account/display).

YOU CAN
Frankenstein my codes but you still have to credit me and the other people.
Use a code for other content, such as using a character code as a user code.

YOU CAN NOT
Remove my credit. You can change the look of it and move it but it has to be visible and link back to the code/resource.
Reupload my codes/resources and claim them as your own, especially to make money off them. All my codes and resources are meant to be free to use.

-------------------

COLOURS

Yes: #57c960
Unsure: #ff9e59
No: #c95757
Ask First: #5796c9
Depends: #e4d139
Unfilled: #adadad

----------------------------->

<div class="mx-auto" style="max-width:1120px">

<!------------------------- KEYS ------------------------->
<div class="card bg-faded" style="text-align:center">
<p class="m-2" style="font-size:20px">
<a style="color:#57c960"><i class="fas fa-check-square my-auto"></i> Yes</a> /
<a style="color:#ff9e59"><i class="fas fa-minus-square my-auto"></i> Unsure</a> /
<a style="color:#c95757"><i class="fas fa-xmark-square my-auto"></i> No</a> /
<a style="color:#5796c9"><i class="fas fa-comments-alt my-auto"></i> Ask First</a> /
<a style="color:#e4d139"><i class="fas fa-square-info my-auto"></i> Depends</a> /
<a style="color:#adadad"><i class="fas fa-square my-auto"></i> Unfilled</a>
</p>
</div>

<!------------------------- FIRST BOX ------------------------->
<div class="card bg-faded mt-3" style="text-align:center">
<div class="row">

<!------------------- MAIN INFO -------------------->
<div class="col-3">
<h1 class="mt-3">MAIN INFO <i class="fas fa-user"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left"> 
<li>Name: Text</li>
<li>Age: Text</li>
<li>Pronouns: Text</li>
<li>Timezone: Text</li>
<li>Available: Text</li>
<li>Contact: <a href="URL">Link</a>, <a href="URL">Link</a>, <a href="URL">Link</a></li>
</ul>
</div>

<!------------------- LOCATIONS -------------------->
<div class="col-3">
<h1 class="mt-3">LOCATIONS <i class="fas fa-compass"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Roblox</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Minecraft</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Discord</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Twitter</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Instagram</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Toyhouse Forums</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Toyhouse PMs</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Skype</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Google Docs</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Email</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other</a></li>
</ul>
</div>

<!------------------- PARTICIPANTS -------------------->
<div class="col-3">
<h1 class="mt-3">PARTICIPANTS <i class="fas fa-users"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 1 On 1</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 2-3</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 3-4</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 4-5</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 5+</a></li>
</ul>
</div>

<!------------------- PARTICIPANTS AGES -------------------->
<div class="col-3">
<h1 class="mt-3">PARTICIPANTS AGES <i class="fas fa-calendar-alt"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> No Preference</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 13-14</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 14-15</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 16-17</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 18+</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Depends On RP</a></li>
</ul>
</div>

<!------------------- RP REQUESTS FROM -------------------->
<div class="col-3 mx-auto">
<h1 class="mt-3">RP REQUESTS FROM <i class="fas fa-message-question"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> I Ask</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Best Friends</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Friends</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Mutuals</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Acquaintances</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Anyone</a></li>
</ul>
</div>

</div>
</div>

<!------------------------- SECOND BOX ------------------------->
<div class="card bg-faded mt-3" style="text-align:center">
<div class="row">

<!------------------- WRITING STYLE -------------------->
<div class="col-3">
<h1 class="mt-3">WRITING STYLE <i class="fas fa-pen"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Script</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Paragraph</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 1st Person (I/You)</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 3rd Person (They/Them)</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Past Tense</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Present Tense</a></li>
</ul>
</div>

<!------------------- RP GENRES -------------------->
<div class="col-3">
<h1 class="mt-3">RP GENRES <i class="fas fa-magnifying-glass"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Fiction</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Non-Fiction</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> SFW</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> NSFW</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Adventure</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Slice Of Life</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Comedy</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Crime</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Mystery</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Romance</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Horror</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Sci-fi</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other</a></li>
</ul>
</div>

<!------------------- LOCATIONS -------------------->
<div class="col-3">
<h1 class="mt-3">POST LENGTH <i class="fas fa-books"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 1-3 Sentences</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 1-3 Paragraphs</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> 5+ Paragraphs</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> A Few Pages</a></li>
</ul>
</div>

<!------------------- POST FREQUENCY -------------------->
<div class="col-3">
<h1 class="mt-3">POST FREQUENCY <i class="fas fa-clock"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Multiple Times A Day</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Once A Day</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Once A Week</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Once A Month</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Once In A While</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Randomly</a></li>
</ul>
</div>

</div>
</div>

<!------------------------- THIRD BOX ------------------------->
<div class="card bg-faded mt-3" style="text-align:center">
<div class="row">

<!------------------- VIOLENCE & GORE -------------------->
<div class="col-3">
<h1 class="mt-3">VIOLENCE & GORE <i class="fas fa-skull"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> No Violence</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Cartoon Violence</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Verbal Violence</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Physical Violence</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Punching/Kicking/Hitting</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Choking</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Stabbing</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Murder</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Death</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Torture</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Weapons</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> No Gore</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Bruises/Scrapes/Cuts</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Blood/Gashes</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Broken Bones</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Gore</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Amputation</a></li>
</ul>
</div>

<!------------------- ABUSE & TRAUMA -------------------->
<div class="col-3">
<h1 class="mt-3">ABUSE & TRAUMA <i class="fas fa-burst"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> No Abuse</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> No Trauma</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Verbal</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Physical</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Domestic</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Emotional</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Sexual</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Religious</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Manipulation</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Grooming</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Bullying </a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Homophobia </a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Racism </a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ableism </a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other Discrimination</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Drugs</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Alcohol</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other</a></li>
</ul>
</div>

<!------------------- MENTAL HEALTH -------------------->
<div class="col-3">
<h1 class="mt-3">MENTAL HEALTH <i class="fas fa-briefcase-medical"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> No Mental Health</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Neurodivergent</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Depression</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> PTSD/CTPSD</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Anxiety</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> OCD</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Bipolar</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Schizophrenia</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Eating Disorders</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Dissociative Identity Disorders</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other Disorders</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Self Harm</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Suicide</a></li>
</ul>
</div>

<!------------------- SENSITIVE TOPICS -------------------->
<div class="col-3">
<h1 class="mt-3">SENSITIVE TOPICS <i class="fas fa-triangle-exclamation"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Violence Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Violence Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Gore Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Gore Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Murder Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Murder Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Death Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Death Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Torture Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Torture Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Abuse Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Abuse Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Trauma Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Trauma Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Manipulation Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Manipulation Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Grooming Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Grooming Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Bullying Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Bullying Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Homophobia Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Homophobia Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Racism Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Racism Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ableism Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ableism Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other Discrimination Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other Discrimination Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Mental Health Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Mental Health Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Self Harm Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Self Harm Action</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Suicide Mention</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Suicide Action</a></li>
</ul>
</div>

</div>
</div>

<!------------------------- FOURTH BOX ------------------------->
<div class="card bg-faded mt-3" style="text-align:center">
<div class="row">

<!------------------- SHIPPING -------------------->
<div class="col-3">
<h1 class="mt-3">SHIPPING <i class="fas fa-people"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> No Shipping</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Plan Shipping</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Ship</a></li>
</ul>
</div>

<!------------------- SHIPPING STYLES -------------------->
<div class="col-3">
<h1 class="mt-3">SHIPPING STYLES <i class="fas fa-heart"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Platonic</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Queerplatonic</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Romantic</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Sexual</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Monogamous</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Polyamorous</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Love At First Sight</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Enemies To Lovers</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Friends To Lovers</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Characters Must Know Eachother</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Unrequited</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other</a></li>

</ul>
</div>

<!------------------- SHIPPING GENDERS -------------------->
<div class="col-3">
<h1 class="mt-3">SHIPPING GENDERS <i class="fas fa-venus-mars"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Male & Female</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Male & Male</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Female & Female</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Nonbinary & Male</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Nonbinary & Female</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Nonbinary & Nonbinary</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Other</a></li>

</ul>
</div>

<!------------------- SHIPPING SPEED -------------------->
<div class="col-3">
<h1 class="mt-3">SHIPPING SPEED <i class="fas fa-rabbit-running"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Instant</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Fast</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Average</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Slow And Steady</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Very Slow</a></li>
</ul>
</div>

<!------------------- AFFECTION -------------------->
<div class="col-3 mx-auto">
<h1 class="mt-3">AFFECTION <i class="fas fa-hand-holding-heart"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> None</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Flirting</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Hugging</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Hand Holding</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Cuddling/Snuggling</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Kissing</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> NSFW</a></li>
</ul>
</div>

</div>
</div>

<!------------------------- FIFTH BOX ------------------------->
<div class="card bg-faded mt-3" style="text-align:center">
<div class="row">

<!------------------- GENERAL ART -------------------->
<div class="col-3">
<h1 class="mt-3">GENERAL ART <i class="fas fa-palette"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Publicly</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Privately</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Do Not Post</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Post</a></li>
</ul>
</div>

<!------------------- VIOLENCE & GORE ART -------------------->
<div class="col-3">
<h1 class="mt-3">VIOLENCE & GORE ART <i class="fas fa-skull"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Publicly</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Privately</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Do Not Post</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Post</a></li>
</ul>
</div>

<!------------------- ABUSE & TRAUMA ART -------------------->
<div class="col-3">
<h1 class="mt-3">ABUSE & TRAUMA ART <i class="fas fa-burst"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Publicly</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Privately</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Do Not Post</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Post</a></li>
</ul>
</div>

<!------------------- MENTAL HEALTH ART -------------------->
<div class="col-3">
<h1 class="mt-3">MENTAL HEALTH ART <i class="fas fa-briefcase-medical"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Publicly</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Privately</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Do Not Post</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Post</a></li>
</ul>
</div>

<!------------------- SENSITIVE TOPICS ART -------------------->
<div class="col-3 mx-auto">
<h1 class="mt-3">SENSITIVE TOPICS ART <i class="fas fa-triangle-exclamation"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Publicly</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Privately</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Do Not Post</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Post</a></li>
</ul>
</div>

<!------------------- AFFECTION -------------------->
<div class="col-3 mx-auto">
<h1 class="mt-3">SHIPPING ART <i class="fas fa-people"></i></h1>
<hr class="w-100 my-1">

<ul class="text-left" style="list-style:none;">
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Draw</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Publicly</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Post Privately</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Do Not Post</a></li>
<li><a style="color:#adadad"><i class="fas fa-square my-auto"></i> Ask To Post</a></li>
</ul>
</div>

<!------------------------- CREDITS - PLEASE DO NOT REMOVE! ------------------------->
</div>
</div>

<div class="text-center mt-2">
<a style="text-decoration: none;" href="https://toyhou.se/25647161.f2u-roleplay-information" class="tooltipster" title="Code By PepperzCodes"><i class="fal fa-cat-space"></i> <i class="fal fa-fishing-rod"></i></a></a>

/

<a href="https://www.deviantart.com/elfsama/journal/The-RP-Comfort-Meme-624457392" class="tooltipster" title="RP Comfort Meme By ElfSama"><i class="fal fa-book"></i></a>