[dohtml]

<div class='group and subgroup like: actor acclaimed'><div class='sh'>

<div class='sl'>

<a href="javascript:animatedcollapse.toggle('ship-stats')"><img src='square gif (resizes to 50x50)'></a>
<a href="javascript:animatedcollapse.toggle('ship-desc')"><i class="fa fa-file-text"></i></a>
<a href="javascript:animatedcollapse.toggle('ship-want')"><i class="fa fa-heartbeat"></i></a>
<a href="javascript:animatedcollapse.toggle('ship-network')"><i class="fa fa-sitemap"></i></a>
<a href="javascript:animatedcollapse.toggle('ship-code')"><i class="fa fa-code"></i></a>

</div>

<div class='ct'>

<div id="ship-stats" class='tw'>

<div class='nsc' id='st'>

<img src='square gif (resizes to 100x100)'>

<blockquote><i class="fa fa-quote-left fa-2x fa-pull-left"></i> a quote from your character </blockquote>

</div>

<div class='sc' id='in' style='margin-left: -3px;'>

<h1><i class="fa fa-folder-open"></i></h1>

<h2>legal name/s:</h2>
<blockquote>birth name, subsequent names if legally changed</blockquote>

<h2>known as:</h2>
<blockquote>screen names, nicknames, etc</blockquote>

<h2>pronouns:</h2>
<blockquote>pronoun/pronoun/pronoun; if their public pronouns are different than their private pronouns add (publicly pronoun/pronoun/pronoun)</blockquote>

<h2>date of birth:</h2>
<blockquote>format as: day month year (age)</blockquote>

<h2>current residence/s:</h2>
<blockquote>city, state or city, country</blockquote>

<br><h1><i class="fa fa-users"></i></h1>

<h2>birthplace</h2>
<blockquote>city, state or city, country</blockquote>

<h2>significant family</h2>
<blockquote>referring to: family on the site, family to be requested, important npcs such as children; add links and/or group colours if you can!</blockquote>

<h2>orientation</h2>
<blockquote>sexual and/or romantic; if their publicly known orientation/s is/are different add (publicly orientation/s)</blockquote>

<h2>relationship status</h2>
<blockquote>status; if their publicly known status is different add (publicly status)</blockquote>

<h1><i class="fa fa-flag"></i></h1>

<h2>languages spoken</h2>
<blockquote>anything they could have an everyday conversation in</blockquote>

<h2>education</h2>
<blockquote>highest level attained</blockquote>

<h2>political views</h2>
<blockquote>general indication, like 'center left' or 'libertarian' etc</blockquote>

<h2>religion</h2>
<blockquote>including religions they were raised in but have left behind etc</blockquote>

<h1><i class="fa fa-briefcase"></i></h1>

<h2>occupation</h2>
<blockquote>list all the things they do professionally</blockquote>

<h2>best known for</h2>
<blockquote>their most well-known project or their most recent if there are several options</blockquote>

<h2>years active</h2>
<blockquote>year to year or present</blockquote>

<h2>selected works</h2>
<blockquote>

up to 10 significant projects
begin with:

<br><i class="fa fa-music"></i> for music
<br><i class="fa fa-film"></i> for film
<br><i class="fa fa-television"></i> for show
<i class="fa fa-video-camera"></i> for moxie (youtube) channel<br>
<i class="fa fa-link"></i> for blog/website<br>
<br><i class="fa fa-certificate"></i> for other

</blockquote>

<h1><i class="fa fa-tags"></i></h1>

<blockquote>

<i class="fa fa-bolt"></i> fact one
<br><i class="fa fa-bolt"></i> fact two
<br><i class="fa fa-bolt"></i> fact three
<br><i class="fa fa-bolt"></i> fact four
<br><i class="fa fa-bolt"></i> fact five
<br><i class="fa fa-bolt"></i> fact six
<br><i class="fa fa-bolt"></i> fact seven
<br><i class="fa fa-bolt"></i> fact eight
<br><i class="fa fa-bolt"></i> fact nine
<br><i class="fa fa-bolt"></i> fact ten

</blockquote>

</div>

</div>

<div id="ship-desc" style="display: none;" class='tw'>

<div class='sc' id='sp'>

this is your freeform shipper. a conversational tone and/or bulletpoints are encouraged!

</div>

<div class='nsc' id='tl' style='margin-left: -3px;'>

<img src="square gif, 160 x 160">

<blockquote>

<i class="fa fa-fast-forward fa-lg fa-pull-left"></i>

a brief 'tl;dr' intro into your character - anything essential or a general starting point

</blockquote>

</div>

</div>

<div id="ship-want" style="display: none;" class='fo'>

<div class='bx'>

either <img src='square gif, resizes to 100 x 100'> or <div class='tx'>text</div>

</div>

<div class='bx' style='margin-left: -3px;'>

either <img src='square gif, resizes to 100 x 100'> or <div class='tx'>text</div>

</div>

<div class='bx'>

either <img src='square gif, resizes to 100 x 100'> or <div class='tx'>text</div>

</div>

<div class='bx' style='margin-left: -3px;'>

either <img src='square gif, resizes to 100 x 100'> or <div class='tx'>text</div>

</div>

</div>

<div id="ship-network" style="display: none;" class='on'>

<comment>this is where your relationship tracker goes</comment>

</div>

<div id="ship-code" style="display: none;"><div class='cd'>

<comment>this is your reply code</comment>

[*CODE][dohtml]

<div class='group subgroup'>

<div class='sr'>

<div class='tp'>

<img src='square gif'> <h1><their character's group>their character's name</their character's group> <i class="fa fa-bolt"></i> <your character's group>your character's name</your character's group></h1>

<h2><a href='shipper link'>your character's name's shipper</a> &bull; <a href='link to gif/icon'>one</a> &bull; <a href='link to gif/icon'>two</a> &bull; <a href='link to gif/icon'>three</a></h2>

</div>

<div class='tx'>

all ur cute ideas here

</div>

</div>

</div>

[/dohtml][*/CODE]

<comment>this is your relationship tracker code</comment>

[*code]<div class='cx' id='first three letters of their group: act, mus, oth, cam, sho'>

<img src='square gif from their shipper reply links'>

<a href='their account'><h1>their name</h1></a>

<i class="fa fa-font awesome icon that reflects their relationship, up to three"></i></pulse> description of their relationship<br>

known since year

</div>[*/code]</div></div>

</div></div>

</div>[/dohtml]