Custom Order - layout - dominic

<!--about me-->
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');



.Edits By M { This layout is made by Edits By M /1631904 do not remove credit. That would make you icky.}


.Edits By M { Background }
table, tr, td {
  background-color:transparent;
  font-family: 'Montserrat', sans-serif;
  text-transform:uppercase;
  font-size:10px;
}


.Edits By M  { Body }
body {
  background-color:#212318;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position: bottom left;
  margin-top:310px;
  background-image:url('https://i.imgur.com/GlaVckb.png');
}



.Edits By M  { Scrollbar }
  ::-webkit-scrollbar {
      display: none;
}

.mygen { Tables }
td.text table table {
  position:static;
}

table table table table{
  border:5px solid #9b735f;
  background-color:#2f2f2f;
}

table table table {
    margin-top: 4px;
    margin-left: -5px;
}

a.NavigationLinks:link, a.NavigationLinks:visited {
  background-color: #844444;
  width:120px;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-bottom:2px solid #fff;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  text-transform:uppercase;
}

a.NavigationLinks:hover, a.NavigationLinks:active {
  background-color: #9b735f;
}

.topNavigationSection{
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
background-color: #000;
width: 736px;
height: 292px;
background-image:url('https://i.imgur.com/qs8d9hr.png');
border: solid 5px #9b735f;
z-index:999;
}

a.popupLinksContent:link, a.popupLinksContent:visited {
background-color: #2f2f2f;
color: white;
padding: 16px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
width: 250px;
border-bottom: solid 3px #9b735f;
}

a.popupLinksContent:hover, a.popupLinksContent:active {
  background-color: #9b735f;
}


a.longLinksThing:link, a.longLinksThing:visited {
background-color: #2f2f2f;
color: white;
padding: 16px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
width: 362px;
border-bottom: solid 3px #9b735f;
}

a.longLinksThing:hover, a.longLinksThing:active {
  background-color: #9b735f;
}


a.connectionLinkThing:link, a.connectionLinkThing:visited {
background-color: #2f2f2f;
color: white;
padding: 5px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
width: 72px;
border-bottom: solid 3px #9b735f;
font-size: 9px;
}

a.connectionLinkThing:hover, a.connectionLinkThing:active {
  background-color: #9b735f;
}

h1{
font-family: 'Montserrat', sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 34px;
width: 418px;
text-align: center;
margin: 0;
}

h2{
font-family: 'Montserrat', sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 34px;
width: 412px;
text-align: center;
margin: 0;
}

h3{
font-family: 'Montserrat', sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 22px;
text-align: center;
margin: 0;
background-color: #9b735f;
}

h4{
font-family: 'Montserrat', sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 22px;
text-align: center;
margin: 0;
background-color: #9b735f;
}

h5{
font-family: 'Montserrat', sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 15px;
text-align: center;
margin: 0;
background-color: #9b735f;
margin-bottom:5px;
}



#featuredDrabble{
display:none;
}

#featuredDrabble:target{
display:block;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background-color:#2f2f2f;
font-family:Georgia;
text-align:justify;
padding:10px;
color:#fff;
width:600px;
height:400px;
overflow:auto;
}


#navigationPopup{
display:none;
}

#toDoList{
display:none;
}

#owesList{
display:none;
}

#drabbles{
display:none;
}

#groupTasks{
display:none;
}

#guidelines{
display:none;
}




#navigationPopup:target{
display:block;
width:412px;
height:273px;
background-color:#2f2f2f;
vertical-align:top;
display:inline-block;
margin-top:10px;
margin-left:10px;
overflow:auto;
}

#toDoList:target{
display:block;
width:412px;
height:273px;
background-color:#2f2f2f;
vertical-align:top;
display:inline-block;
margin-top:10px;
margin-left:10px;
overflow:auto;
color:#fff;
font-family:Georgia;
font-size:11px;
}

#owesList:target{
display:block;
width:412px;
height:273px;
background-color:#2f2f2f;
vertical-align:top;
display:inline-block;
margin-top:10px;
margin-left:10px;
overflow:auto;
}

#drabbles:target{
display:block;
width:412px;
height:273px;
background-color:#2f2f2f;
vertical-align:top;
display:inline-block;
margin-top:10px;
margin-left:10px;
overflow:auto;
}

#groupTasks:target{
display:block;
width:412px;
height:273px;
background-color:#2f2f2f;
vertical-align:top;
display:inline-block;
margin-top:10px;
margin-left:10px;
overflow:auto;
}

#guidelines:target{
display:block;
width:412px;
height:273px;
background-color:#2f2f2f;
vertical-align:top;
display:inline-block;
margin-top:10px;
margin-left:10px;
overflow:auto;
}

li{
font-family:Georgia;
font-size:12px;
color:#fff;
line-height: 23px;
}

blockquote{
font-family:Georgia;
font-size:12px;
color:#fff;
text-align:justify;
}

 div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important;bottom:2000px !important;} .clearfix {display:none !important;position:absolute!important;} table table br {line-height:3px} table table table br {line-height:5px;} .a {hide top search bar} div div select, div div form {display:none !important;} select { visibility:hidden!important; WIDTH:0px!important;} .note {bring the tables up more} td.text table {position:relative; top: -20px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;} /*HIDECODES*/ table .nametext {display:none;} .extendednetwork{display:none;} .blurbs{display:none;} .userprofileurl{display:none;} .userprofiledetail{display:none;} .interestsanddetails{display:none;} .latestblogentry{display:none;} .mslogo{display:none;} .friendscomments{display:none;} .friendspace{display:none;} .contacttable{display:none;} .lightbluetext8{display:none;} .Do Not Hide The Profile Ads{display:none;} .userAlbums{display:none;} td.text table {position:relative; top: -11px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;} .contactTable td, table table td.text table td,table table table table table td {width:auto;} div td {display:none;} table {top:-6px; position:relative;} table table {top:0px; position:relative;} table.profileInfo table td {white-space:wrap !important;} table.profileInfo, table.profileInfo table tr:last-child {display:none;} #footerWarpper{display: none;} .profileInfo .text {font:12px 'Archivo Narrow'; color:#696969; line-height:12px;} #jm a {background-image:url("")!important; background-repeat:no-repeat!important; width:58px!important; height:13px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; left:0px!important; opacity:0.3!important;} a:hover {opacity:1!important;}table table table table {position:static;}


.mygen {space} table table br {display:none;} table table table br {display:block;} table table table {margin-top:4px;} table table table table {margin-top:0px;}
</style>


<!--like to meet-->

</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="418" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="418" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="418" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="418" bgcolor="ffffff" style="word-wrap:break-word">
<div class="topNavigationSection">
<div style="width:432px; height:293px; vertical-align:top; display:inline-block;">
<div id="navigationPopup">
<h2>Navigation</h2>
<a href="" class="longLinksThing">Home</a>
<a href="" class="longLinksThing">Message</a>
<a href="" class="longLinksThing">Comment</a>
<a href="" class="longLinksThing">Photos</a>
<a href="" class="longLinksThing">Streams</a>
</div>
<div id="featuredDrabble">
<div style="width:600px; text-align:right;">
<a href="#close" style="font-family:georgia; font-size:12px; color:#fff;">X</a>
</div>
<h2 style="width:600px">Featured Drabble Here</h2>

there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here.
<br><br>
there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here.
<br><br>
there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here.
<br><br>
there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here.
<br><br>
there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here. there we go, please go ahead and put that here.
<br><br>
</div>
<div id="toDoList">
<h2>To Do List</h2>
<ul>
<li>
Thing to do one
</li>
<li>
Thing to do two
</li>
<li>
Thing to do three
</li>
<li>
Thing to do four
</li>
<li>
Thing to do five
</li>
<li>
Thing to do six
</li>
<li>
Thing to do seven
</li>
<li>
Thing to do eight
</li>
<li>
Thing to do nine
</li>
<li>
Thing to do ten
</li>
</ul>
</div>
<div id="owesList">
<h2>Owes List</h2>
<center>
<div style="width:200px; height:200px; display:inline-block; vertical-align:top; text-align:justify; overflow:auto;">
<h3>I owe you</h3>
<ul>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
</ul>
</div>
<div style="width:200px; height:200px; display:inline-block; vertical-align:top; text-align:justify; overflow:auto;">
<h3>You owe me</h3>
<ul>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
<li>
<b>name here</b> - <i>starter/reply</i> - 00/00
</li>
</ul>
</div>
<h2 style="font-size: 21px;">Last Updated --/--</h2>
</center>
</div>
<div id="drabbles">
<h2>Drabbles</h2>
<a href="#featuredDrabble" class="longLinksThing">Featured Drabble</a>
<a href="" class="longLinksThing">Drabble One Link</a>
<a href="" class="longLinksThing">Drabble Two Link</a>
<a href="" class="longLinksThing">Drabble Three Link</a>
<a href="" class="longLinksThing">Drabble Four Link</a>
<a href="" class="longLinksThing">Drabble Five Link</a>
<a href="" class="longLinksThing">Drabble Six Link</a>
<a href="" class="longLinksThing">Drabble Seven Link</a>
<a href="" class="longLinksThing">Drabble Eight Link</a>
<a href="" class="longLinksThing">Drabble Nine Link</a>
<a href="" class="longLinksThing">Drabble Ten Link</a>
<a href="" class="longLinksThing">Drabble Eleven Link</a>
<a href="" class="longLinksThing">Drabble Twelve Link</a>
</div>
<div id="groupTasks">
<h2>Group Tasks</h2>
<a href="" class="longLinksThing">Group Task One</a>
<a href="" class="longLinksThing">Group Task Two</a>
<a href="" class="longLinksThing">Group Task Three</a>
<a href="" class="longLinksThing">Group Task Four</a>
<a href="" class="longLinksThing">Group Task Five</a>
<a href="" class="longLinksThing">Group Task Six</a>
<a href="" class="longLinksThing">Group Task Seven</a>
<a href="" class="longLinksThing">Group Task Eight</a>
<a href="" class="longLinksThing">Group Task Nine</a>
<a href="" class="longLinksThing">Group Task Ten</a>
<a href="" class="longLinksThing">Group Task Eleven</a>
<a href="" class="longLinksThing">Group Task Twelve</a>
</div>
<div id="guidelines">
<h2>Guidelines</h2>
<h4>title here</h4>
<blockquote>here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. </blockquote>
<h4>title here</h4>
<blockquote>here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. </blockquote>
<h4>title here</h4>
<blockquote>here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. </blockquote>
<h4>title here</h4>
<blockquote>here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. </blockquote>
<h4>title here</h4>
<blockquote>here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. </blockquote>
<h4>title here</h4>
<blockquote>here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. here you go, where you can write stuff. </blockquote>
</div>
</div>


<div style="width:300px; height:293px;vertical-align:top; display:inline-block;">
<a href="#navigationPopup" class="popupLinksContent">Navigation</a>
<a href="#toDoList" class="popupLinksContent">To Do List</a>
<a href="#owesList" class="popupLinksContent">Owes List</a>
<a href="#drabbles" class="popupLinksContent">Drabbles</a>
<a href="#groupTasks" class="popupLinksContent">Group Tasks</a>
<a href="#guidelines" class="popupLinksContent" style="height: 19px;">Guidelines</a>
</div>
</div>
<img src="https://i.imgur.com/35n1LbP.png" width="418px">

</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="418" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="418" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="418" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="418" bgcolor="ffffff" style="word-wrap:break-word">
<h1>dominic rosewood</h1>

</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="418" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="418" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="418" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="418" bgcolor="ffffff" style="word-wrap:break-word">
<img src="https://i.imgur.com/RbZGBos.png" width="418px">


</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="418" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="418" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="418" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="418" bgcolor="ffffff" style="word-wrap:break-word">
<h1 style="font-size: 19px; color: #fff; letter-spacing: 25px; margin-bottom: 5px;">growing up</h1>
<img src="https://i.imgur.com/9mGwVLc.png">
<div style="width:190px; height:170px; margin-top:10px; margin-left:10px; text-align:justify; background-color:#9b735f; display:inline-block; font-family:Georgia; font-size:12px; color:#fff; vertical-align:top; padding:5px; overflow:auto;">
here.
</div>



</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="418" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="418" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="418" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="418" bgcolor="ffffff" style="word-wrap:break-word">
<h1 style="font-size: 19px; color: #fff; letter-spacing: 10px; margin-bottom: 5px;">young adult life</h1>
<div style="width:190px; height:170px; margin-top:10px; margin-right:10px; text-align:justify; background-color:#9b735f; display:inline-block; font-family:Georgia; font-size:12px; color:#fff; vertical-align:top; padding:5px; overflow:auto;">
here.
</div>
<img src="https://i.imgur.com/KBz8TNH.png">


</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="418" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="418" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="418" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="418" bgcolor="ffffff" style="word-wrap:break-word">
<h1 style="font-size: 19px; color: #fff; letter-spacing: 25px; margin-bottom: 5px;">adult life</h1>
<img src="https://i.imgur.com/fRJqS1C.png">
<div style="width:190px; height:170px; margin-top:10px; margin-left:10px; text-align:justify; background-color:#9b735f; display:inline-block; font-family:Georgia; font-size:12px; color:#fff; vertical-align:top; padding:5px; overflow:auto;">
here.
</div>



</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="418" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="418" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="418" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="418" bgcolor="ffffff" style="word-wrap:break-word">
<img src="https://i.imgur.com/3xznA7h.png" width="418px">



<!--interests-->
</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<img src="https://i.imgur.com/jcIIRJ1.png">

</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>
<img src="https://i.imgur.com/XKwD507.png">
<div style="width: 120px; height: 120px; margin-top: 10px; margin-left: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color:#fff; font-family:Georgia; font-size:12px; overflow:auto;">
<h5>Basic Info</h5>
<b>FULL NAME:</b> xxxx xxxx.<br>
<b>KNOWN ALIAS:</b> xxxx xxxx.<br>
<b>NICKNAME(S):</b> xxxx xxxx.<br>
<b>SPECIES:</b> xxxx xxxx.<br>
<b>DATE OF BIRTH:</b> xxxx xxxx.<br>
<b>ASTROLOGICAL SIGN:</b> xxxx xxxx.<br>
<b>BIRTH LOCATION:</b> xxxx xxxx.<br>
<b>PAST RESIDENCE:</b> xxxx xxxx.<br>
<b>CURRENT LOCATION:</b> xxxx xxxx.<br>
<b>NATIONALITY:</b> xxxx xxxx.<br>
<b>OCCUPATION:</b> xxxx xxxx.<br>
<b>FAMILY:</b> xxxx xxxx.<br>
<b>HAIR DETAILS:</b> xxxx xxxx.<br>
<b>EYE DETAILS:</b> xxxx xxxx.<br>
<b>COMPLEXION:</b> xxxx xxxx.<br>
<b>NOTICEABLE MARKINGS:</b> xxxx xxxx.<br>
<b>OUTFIT STYLE(S):</b> xxxx xxxx.<br>
<b>EXTRA(S):</b> xxxx xxxx.<br>
<b>HEIGHT:</b> xxxx xxxx.<br>
<b>WEIGHT:</b> xxxx xxxx.<br>
<b>BLOOD TYPE:</b> xxxx xxxx.<br>
<b>PREFERRED HAND:</b> xxxx xxxx.<br>
<b>DISORDERS:</b> xxxx xxxx.<br>
<b>ADDICTIONS:</b> xxxx xxxx.<br>
<b>LIKES:</b> xxxx xxxx.<br>
<b>DISLIKES:</b> xxxx xxxx.<br>
<b>QUIRKS:</b> xxxx xxxx.<br>
<b>ALIGNMENT:</b> xxxx xxxx.<br>
</div>




</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<img src="https://i.imgur.com/KApiqRT.png">

</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>
<div style="width: 120px; height: 120px; margin-top: 10px; margin-right: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color:#fff; font-family:Georgia; font-size:12px; overflow:auto;">
<h5>Relationship</h5>
<b>STATUS:</b> here.<br>
<b>TO WHO:</b> here.<br>
<b>SINCE:</b> here.<br>
<b>COMMENTS:</b> here.<br>
</div>
<img src="https://i.imgur.com/wXuQMX6.png">




</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<img src="https://i.imgur.com/K23FYUQ.png">

</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>
<img src="https://i.imgur.com/gDmZM5G.png">
<div style="width: 120px; height: 120px; margin-top: 10px; margin-left: 10px; display: inline-block; background-color: #9b735f; text-align: justify; padding: 5px; vertical-align: top; color:#fff; font-family:Georgia; font-size:12px; overflow:auto;">
<h5>My friends</h5>
<a href="" class="connectionLinkThing">connection</a>
<a href="" class="connectionLinkThing">connection</a>
<a href="" class="connectionLinkThing">connection</a>
<a href="" class="connectionLinkThing">connection</a>
<a href="" class="connectionLinkThing">connection</a>
<a href="" class="connectionLinkThing">connection</a>
<a href="" class="connectionLinkThing">connection</a>
<a href="" class="connectionLinkThing">connection</a>
<a href="" class="connectionLinkThing">connection</a>
</div>



</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<img src="https://i.imgur.com/ssZwJ2i.png">

</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>
<div style="width: 120px; height: 120px; margin-top: 10px; margin-right: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color:#fff; font-family:Georgia; font-size:12px; overflow:auto;">
<h5>Current Storylines</h5>
<b>name:</b> storyline goes here. <br>
<b>name:</b> storyline goes here. <br>
<b>name:</b> storyline goes here. <br>
<b>name:</b> storyline goes here. <br>
<b>name:</b> storyline goes here. <br>
</div>
<img src="https://i.imgur.com/cjsrwMZ.png">






</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>
<img src="https://i.imgur.com/sAa2yc4.png">
<div style="width: 120px; height: 120px; margin-top: 10px; margin-left: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color:#fff; font-family:Georgia; font-size:12px; overflow:auto;">
<h5>Wanted Storylines</h5>
<b>name:</b> storyline goes here. <br>
<b>name:</b> storyline goes here. <br>
<b>name:</b> storyline goes here. <br>
<b>name:</b> storyline goes here. <br>
<b>name:</b> storyline goes here. <br>
</div>







</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>

<div style="width: 195px; height: 50px; margin-top: 10px; margin-right: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color: #fff; font-family: Georgia; font-size: 12px; overflow: auto;">
<h5>Connection</h5>
talk about the connection here
</div>
<img src="https://i.imgur.com/sAa2yc4.png" width="80px;">





</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>
<img src="https://i.imgur.com/sAa2yc4.png" width="80px;">
<div style="width: 195px; height: 50px; margin-top: 10px; margin-left: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color: #fff; font-family: Georgia; font-size: 12px; overflow: auto;">
<h5>Connection</h5>
talk about the connection here
</div>




</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>

<div style="width: 195px; height: 50px; margin-top: 10px; margin-right: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color: #fff; font-family: Georgia; font-size: 12px; overflow: auto;">
<h5>Connection</h5>
talk about the connection here
</div>
<img src="https://i.imgur.com/sAa2yc4.png" width="80px;">




</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>
<img src="https://i.imgur.com/sAa2yc4.png" width="80px;">
<div style="width: 195px; height: 50px; margin-top: 10px; margin-left: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color: #fff; font-family: Georgia; font-size: 12px; overflow: auto;">
<h5>Connection</h5>
talk about the connection here
</div>





</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0"
cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div style="width:300px; height:1px;"></div>

<div style="width: 195px; height: 50px; margin-top: 10px; margin-right: 10px; display: inline-block; background-color: #2f2f2f; text-align: justify; padding: 5px; vertical-align: top; color: #fff; font-family: Georgia; font-size: 12px; overflow: auto;">
<h5>Connection</h5>
talk about the connection here
</div>
<img src="https://i.imgur.com/sAa2yc4.png" width="80px;">