Danika
CluelessCloud
- Created
- 6 years, 10 months ago
- Favorites
- 3
Profile
Image Link
Hex Color Code
<div style="margin:auto;width:90%;margin-bottom: 50px; padding: 25px; border: 2px solid #595959; background-color: #dbdbdb;">
<div style="background-color: #fff; border: 2px solid #595959;color:#000000;">
<h1 style="font-size: 2.5em; color: #000; border-bottom: 3px double; text-align: right; padding-right: 50px;">Name</h1>
<div style="margin-bottom: 25px; margin-top: 25px;">
<table style="border-collapse: collapse; border: none; background-color: #ffffff; margin-top: 25px; margin-left: 10px; margin-right: 10px;">
<tbody>
<tr>
<td style="width: 30%; padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Name::</strong> Name</td>
<td rowspan="10" style="width: 25%; border-left: 1px solid; text-align: center;"><img src="http://i.imgur.com/pgQwbGk.png" style=ā€¯height:350px; alt="" class="fr-fic fr-dii"></td>
<td rowspan="10" style="width: 45%;">(Replace the 45% with 70% if you are removing the top image! This is important!)
</tr>
<tr>
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Alias::</strong> Alias/Nickname</td>
</tr>
<tr>
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Etymology::</strong> Name Meaning</td>
</tr>
<tr>
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Age::</strong> Age</td>
</tr>
<tr>
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Gender::</strong> Gender</td>
</tr>
<tr>
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Race::</strong> Race</td>
</tr>
<tr>
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Occupation::</strong> Occupation</td>
</tr>
<tr>
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Location::</strong> Location</td>
</tr>
<tr>
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Orientation::</strong> Orientation</td>
</tr>
<tr style="background-color: #fff;">
<td style="padding: 3px; padding-right: 10px; text-align: right;"><strong style="color: #000;">Status::</strong> Marital Status</td>
</tr>
</tbody>
</table>
</div>
<div style="margin-bottom: 25px;">
<h3 style="font-size: 1.75em; color: #000; margin-bottom: 25px; border-bottom: 3px double; text-align: left; text-indent: 50px;">Appearance</h3>
<table style="margin:auto; width:98%;border-collapse: collapse; border-bottom: 1px solid; border: none; background-color: #fff;">
<tbody>
<tr>
<td style="width: 25%;"><strong style="color: #000;">Height::</strong> Height</td>
<td style="width: 25%;"><strong style="color: #000;">Eyes::</strong> Eye Color</td>
<td style="width: 25%;"><strong style="color: #000;">Hair::</strong> Hair Color and Style</td>
<td style="width: 25%;"><strong style="color: #000;">Build::</strong> Body Build/Shape</td>
</tr>
<tr>
<td colspan="2"><strong style="color: #000;">Species Traits::</strong> Species Traits</td>
<td colspan="2"><strong style="color: #000;">Features::</strong> Important Features</td>
</tr>
<tr>
<td colspan="4"><strong style="color: #000;">Description::</strong> Description</td>
</tr>
</tbody>
</table>
</div>
<div style="margin-bottom: 25px;">
<h3 style="font-size: 1.75em; color: #000; margin-bottom: 25px; border-bottom: 3px double; text-align: left; text-indent: 50px;">Personality</h3>
<p style="margin-left: 10px; margin-right: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, fermentum sed turpis eget, finibus blandit nulla. Nam sit amet leo posuere neque convallis rhoncus nec at nulla. Curabitur ac massa tortor. Proin consequat erat non suscipit suscipit. Morbi sed bibendum eros. Suspendisse tristique pretium arcu semper ullamcorper. Vivamus sed augue commodo, pharetra ex ut, fringilla erat. In sit amet sem id neque suscipit vestibulum non non lacus. Nunc ultrices aliquet nunc, a malesuada ligula sagittis ut. Donec dapibus neque sit amet justo tristique tincidunt. Vestibulum ac fermentum enim, volutpat tristique dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus sollicitudin, erat id gravida varius, lacus risus lacinia purus, vitae elementum tellus leo eget felis. Ut pellentesque, nisl a aliquet efficitur, eros turpis fermentum ipsum, a dapibus tortor risus ut mi. Praesent eu nulla in nisl dignissim dictum.</p>
<table style="width: 98%; margin: auto; margin-top: 10px; border-collapse: collapse; border-bottom: 1px solid; border: none; background-color: #fff;">
<tbody>
<tr style="background-color: #595959;">
<td style="width: 33.3%; text-align: center;"><strong style="color: #fff;">Quirks</strong></td>
<td style="width: 33.3%; text-align: center;"><strong style="color: #fff;">Likes</strong></td>
<td style="width: 33.3%; text-align: center;"><strong style="color: #fff;">Dislikes</strong></td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non varius felis, dignissim tempus velit.s</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non varius felis, dignissim tempus velit.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non varius felis, dignissim tempus velit.</td>
</tr>
</tbody>
</table>
</div>
<div style="margin-bottom: 25px;">
<h3 style="font-size: 1.75em; color: #000; margin-bottom: 25px; border-bottom: 3px double; text-align: left; text-indent: 50px;">Additional Information</h3>
<p style="margin-left: 10px; margin-right: 10px;">TBA</p>
</div>
<div style="margin-bottom: 25px;">
<h3 style="font-size: 1.75em; color: #000; margin-bottom: 25px; border-bottom: 3px double; text-align: left; text-indent: 50px;">History</h3>
<p style="margin-left: 10px; margin-right: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque neque nulla, fermentum sed turpis eget, finibus blandit nulla. Nam sit amet leo posuere neque convallis rhoncus nec at nulla. Curabitur ac massa tortor. Proin consequat erat non suscipit suscipit. Morbi sed bibendum eros. Suspendisse tristique pretium arcu semper ullamcorper. Vivamus sed augue commodo, pharetra ex ut, fringilla erat. In sit amet sem id neque suscipit vestibulum non non lacus. Nunc ultrices aliquet nunc, a malesuada ligula sagittis ut. Donec dapibus neque sit amet justo tristique tincidunt. Vestibulum ac fermentum enim, volutpat tristique dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus sollicitudin, erat id gravida varius, lacus risus lacinia purus, vitae elementum tellus leo eget felis. Ut pellentesque, nisl a aliquet efficitur, eros turpis fermentum ipsum, a dapibus tortor risus ut mi. Praesent eu nulla in nisl dignissim dictum.</p>
</div>
<div style="margin-bottom: 25px;">
<h3 style="font-size: 1.75em; color: #000; margin-bottom: 25px; border-bottom: 3px double; text-align: left; text-indent: 50px;">Connections</h3>
<table style="border-collapse: collapse; border: none; margin: auto; width: 98%;">
<tbody>
<tr>
<td style="text-align: center; width: 33.3%;"><img style="width: 150px;" src="http://i.imgur.com/ObLXLJB.png" alt="" class="fr-fic fr-dii"></td>
<td style="text-align: center; width: 33.3%;"><img style="width: 150px;" src="http://i.imgur.com/ObLXLJB.png" alt="" class="fr-fic fr-dii"></td>
<td style="text-align: center; width: 33.3%;"><img style="width: 150px;" src="http://i.imgur.com/ObLXLJB.png" alt="" class="fr-fic fr-dii"></td>
</tr>
<tr>
<td>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;"><strong>Name</strong> :: Name</p>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;"><strong>Relationship</strong> :: Type</p>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;">Donec non sollicitudin risus. Nulla eu lacus et tellus pellentesque fringilla a faucibus turpis. In sit amet nunc nec quam fermentum venenatis. Praesent mollis leo id odio egestas commodo. Ut iaculis et lacus nec vestibulum. Cras mi ligula, posuere a tempor ut, rhoncus eu felis. Integer sit amet ipsum facilisis metus tincidunt porta vel quis felis. Donec sem nisi, aliquet et magna a, consequat luctus massa.</p>
</td>
<td>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;"><strong>Name</strong> :: Name</p>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;"><strong>Relationship</strong> :: Type</p>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;">Donec non sollicitudin risus. Nulla eu lacus et tellus pellentesque fringilla a faucibus turpis. In sit amet nunc nec quam fermentum venenatis. Praesent mollis leo id odio egestas commodo. Ut iaculis et lacus nec vestibulum. Cras mi ligula, posuere a tempor ut, rhoncus eu felis. Integer sit amet ipsum facilisis metus tincidunt porta vel quis felis. Donec sem nisi, aliquet et magna a, consequat luctus massa.</p>
</td>
<td>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;"><strong>Name</strong> :: Name</p>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;"><strong>Relationship</strong> :: Type</p>
<p style="text-align: center; margin-bottom: 5px; font-size: .9em;">Donec non sollicitudin risus. Nulla eu lacus et tellus pellentesque fringilla a faucibus turpis. In sit amet nunc nec quam fermentum venenatis. Praesent mollis leo id odio egestas commodo. Ut iaculis et lacus nec vestibulum. Cras mi ligula, posuere a tempor ut, rhoncus eu felis. Integer sit amet ipsum facilisis metus tincidunt porta vel quis felis. Donec sem nisi, aliquet et magna a, consequat luctus massa.</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>