<cut>
<raw-code>
<div style="width: 600px; height: 340px; background: url(https://i.imgur.com/iyh1HVZ.jpg); margin: auto; padding: 10px 20px 20px 20px;">
<div style="display: block; height: 10px; width: 600px; margin: auto;">
</div>
<div style="display: block; overflow: hidden; margin: auto; height: 340px; width: 600px; overflow: hidden;">

<div style="display: block; height: 330px; width: 600px; ">

<!--START BODY-->
<div style="width: 600px; overflow: hidden;">

<!--START IMAGE SIDEBAR-->
<div style="display: inline-block; width: 204px; height: 300px; float: left;">
<img src="IMAGE-URL" alt="Name" style="height: 300px; width: 200px; border: 2px dashed #4fbfcb;"></div>
<!--END IMAGE SIDEBAR-->

<!--START INFO BOX-->
<div style="display: inline-block; width: 365px; height: 300px; margin-left: 20px; overflow: hidden;">

<!--START BIO-->
<a name="bio"></a>
<div style="width: 360px; height: 300px; overflow: hidden; float: right;">

<div style="width:338px; padding:10px; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font-family: Georgia; font-size: 20px; line-height: 20px; font-style: italic; color: #264f65; font-weight:700; text-align: center;">
Name
</div>

<div style="width:338px; height:50px; padding:10px; background-color:rgba(255,255,255,0.8); margin-top:20px; border:1px dashed #4fbfcb; font:12px Calibri; color:#264f65;">

<table style="width:100%; cellpadding:0;">
<tr>
<td width="50%">
<strong>One:</strong> Text<br>
<strong>Two:</strong> Text<br>
<strong>Three:</strong> Text<br>
</td>

<td width="50%">
<strong>Four:</strong> Text<br>
<strong>Five:</strong> Text<br>
<strong>Six:</strong> Text<br>
</td>
</tr>
</table>
</div>

<div style="width:338px; padding:10px; margin-top:20px; height:124px; overflow:auto; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font:12px Calibri; text-align:left; color:#264f65;">
{BLURB TEXT}
</div>

</div>
<!--ENDBIO-->

<!--START PERSONALITY-->
<a name="personality"></a>
<div style="width: 360px; height: 300px; overflow: hidden; float: right;">

<div style="width:338px; padding:10px; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font-family: Georgia; font-size: 20px; line-height: 20px; font-style: italic; color: #264f65; font-weight:700; text-align: center;">
Personality
</div>

<div style="width:338px; padding:10px; margin-top:20px; height:216px; overflow:auto; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font:12px Calibri; text-align:left; color:#264f65;">
{BLURB TEXT}
</div>

</div>
<!--END PERSONALITY-->

<!--START HISTORY-->
<a name="history"></a>
<div style="width: 360px; height: 300px; overflow: hidden; float: right;">

<div style="width:338px; padding:10px; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font-family: Georgia; font-size: 20px; line-height: 20px; font-style: italic; color: #264f65; font-weight:700; text-align: center;">
History
</div>

<div style="width:338px; padding:10px; margin-top:20px; height:216px; overflow:auto; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font:12px Calibri; text-align:left; color:#264f65;">
{BLURB TEXT}
</div>

</div>
<!--END HISTORY-->

<!--START ABILITIES-->
<a name="abilities"></a>
<div style="width: 360px; height: 300px; overflow: hidden; float: right;">

<div style="width:338px; padding:10px; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font-family: Georgia; font-size: 20px; line-height: 20px; font-style: italic; color: #264f65; font-weight:700; text-align: center;">
Abilities
</div>


<div style="width:338px; padding:10px; margin-top:20px; height:216px; overflow:auto; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font:12px Calibri; text-align:left; color:#264f65;">
{BLURB TEXT}
</div>

</div>
<!--END ABILITIES-->

<!--START EXTRA-->
<a name="extra"></a>
<div style="width: 360px; height: 300px; overflow: hidden; float: right;">

<div style="width:338px; padding:10px; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font-family: Georgia; font-size: 20px; line-height: 20px; font-style: italic; color: #264f65; font-weight:700; text-align: center;">
Extra
</div>

<div style="width:338px; padding:10px; margin-top:20px; height:216px; overflow:auto; background-color:rgba(255, 255, 255,0.8); border:1px dashed #4fbfcb; font:12px Calibri; text-align:left; color:#264f65;">
{BLURB TEXT}
</div>

</div>
<!--END EXTRAS-->

</div>
<!---END INFO BOX-->
</div>
<!--END BODY-->

<!--START NAV-->
<div style="display: block; width: 620px; height: 20px; margin: auto; margin-left: -16px; clear: both; margin-top: 5px;">

<a href="#bio" style="display:inline-block; background-color:rgba(255,255,255,0.8);
   color:#264f65; border:1px solid #4fbfcb; width:100px; margin-left:18px; height:16px;font:12px Georgia; letter-spacing:2px; text-decoration:none; text-align:center;">Bio</a>

<a href="#personality" style="display:inline-block; background-color:rgba(255,255,255,0.8);
   color:#264f65; border:1px solid #4fbfcb; width:100px; margin-left:15px; height:16px;font:12px Georgia; letter-spacing:2px; text-decoration:none; text-align:center;">Personality</a>

   <a href="#history" style="display:inline-block; background-color:rgba(255,255,255,0.8);
   color:#264f65; border:1px solid #4fbfcb; width:100px; margin-left:15px; height:16px;font:12px Georgia; letter-spacing:2px; text-decoration:none; text-align:center;">History</a>

   <a href="#abilities" style="display:inline-block; background-color:rgba(255,255,255,0.8);
   color:#264f65; border:1px solid #4fbfcb; width:100px; margin-left:15px; height:16px;font:12px Georgia; letter-spacing:2px; text-decoration:none; text-align:center;">Abilities</a>

   <a href="#extra" style="display:inline-block; background-color:rgba(255,255,255,0.8);
   color:#264f65; border:1px solid #4fbfcb; width:100px; margin-left:15px; height:16px;font:12px Georgia; letter-spacing:2px; text-decoration:none; text-align:center;">Extra</a>

</div>
<!--END NAV-->
</div></div>
</div>
<div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Original Code by <a href="https://photosynthesis.dreamwidth.org/2917.html">Photosynthesis</a>, modified by <a href="http://yuff.dreamwidth.org">Yuff</a></div>
</raw-code>