Custom Order - Parker - Layout

<!--about me-->
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">

<style type="text/css">

  @import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');

.editsByM  { Background }
body, td, li, p, div, textarea {
background-color:transparent;
font-family: 'Playfair Display', sans-serif;
font-size:12px;
color:#fff;
}


.editsByM   { Body }
body {
background-image:url("https://i.imgur.com/Ybeodz0.png");
background-size:cover;
background-attachment:fixed;
background-repeat:repeat;
background-position: bottom left;
margin-top:60px;
margin-left:300px;
}

h1{
    margin: 0;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    font-size: 32px;
    background: #621211;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}


h2{
    margin: 0;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
    background: #37312d;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}

h3{
    margin: 0;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
    background: #37312d73;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 381px;
    color: #fff;
}

h4 {
    font-family: 'Playfair Display';
    font-weight: 100;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    background: #621211;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

b{
    background-color: #611110;
    font-weight: 100;
    padding: 5px;
    line-height: 35px;
}

a:link, a:active, a:visited {
    color: #949494;
    font-family: 'Playfair Display';
    text-transform: uppercase;
}

a:hover{
color:#000;
}


.bioArea{
    width: 360px;
    height: 434px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    text-align: justify;
}

.barArea{
    width: 360px;
    height: 150px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    text-align: justify;
}

.loveInterest{
    color: #fff;
    width: 147px;
    height: 242px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 10px;
    padding-right: 10px;
    text-align: justify;
    overflow:auto;
}


.editsByM   { Scrollbar }
::-webkit-scrollbar {
    display: none;
}


table.profileInfo {display:none;}

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

table table table table{
    border: 10px solid #39332f;
    background-color: #111;
}

a.navvyLinks:link, a.navvyLinks:active, a.navvyLinks:visited {
    color: #fff;
    font-family: 'Playfair Display';
    font-weight: 100;
}

a.navvyLinks:hover{
color:#fff;
}



 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 tr:last-child {display:none;} #footerWarpper{display: none;} .profileInfo .text {font:12px 'Archivo Narrow'; color:#696969; line-height:12px;} 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;}



.toggle,
[id^=drop] {
    display: none;
}

nav {
    margin: 0;
    padding: 0;
    background-color: #611110;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 47px;
    z-index:9999;
}

#displayName{
    display: block;
    padding: 0 30px;
    float: left;
    font-size: 20px;
    line-height: 46px;
    margin-left: 20px;
}


nav:after {
    content:"";
    display:table;
    clear:both;
}


nav ul {
    float: right;
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
    }

nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
    background-color: #611110;
    height: 40px;
    }


nav a {
    display:block;
    padding:14px 20px;
    color:#FFF;
    font-size:17px;
    text-decoration:none;
}


nav ul li ul li:hover {
background: #000000;
height:40px;
}

nav a:hover {
background-color: #000000;
height:20px;
}


nav ul ul {
    display: none;
    position: absolute;
    top: 46px;
}


nav ul li:hover > ul {
    display:inherit;
}


nav ul ul li {
    width:170px;
    float:none;
    display:list-item;
    position: relative;
}

nav ul ul ul li {
    position: relative;
    top:-60px;
    left:170px;
}

li > a:after {
    content:  ' +';
}

li > a:only-child:after {
    content: '';
}


.snapChatInner{
    position: relative;
    overflow: hidden;
    height: 100%; /* Or set a fixed height */
}

.snapChatHolder{
    width:380px;
    height:500px;
}

.snapChatInner .singleSnap{
    height: 100%;
    white-space: nowrap;
    font-size: 0;
    transition: 0.8s;
}

.snapChatInner .singleSnap> * {
    font-size: 1rem;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    height: 100%;
    width: 100%;
    background: none 50% no-repeat;
    background-size: cover;
}


.snapChatInner .prevNext {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 100%;
    height: 0;
}

.snapChatInner .prevNext > div+div {
    visibility: hidden;
}

.snapChatInner .prevNext a {
    position: absolute;
    width: 60px;
    color: #fff;
    height: 60px;
    font-size: 42px;
    line-height: 60px;
    text-align: center;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
.snapChatInner .prevNext a:hover {
    opacity: 1;
}
.snapChatInner .prevNext a+a {
    left: auto;
    right: 0;
}


.snapChatInner >s:target ~ .prevNext >* {      visibility: hidden;}
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}


    #s1:target ~ .singleSnap{transform: translateX(0%); -webkit-transform: translateX(   0%);}
    #s2:target ~ .singleSnap{transform: translateX(-100%); -webkit-transform: translateX(-100%);}
    #s3:target ~ .singleSnap{transform: translateX(-200%); -webkit-transform: translateX(-200%);}
    #s4:target ~ .singleSnap{transform: translateX(-300%); -webkit-transform: translateX(-300%);}

.CSSgal{
    color: #fff;
    text-align: center;
}
.CSSgal .slider h2 {
    margin-top: 40vh;
    font-weight: 200;
    letter-spacing: -0.06em;
    word-spacing: 0.2em;
    font-size: 3em;
}
.CSSgal a {
    border-radius: 50%;
    margin: 0 3px;
    color: rgba(0,0,0,0.8);
    text-decoration: none;
}


</style>









<!--like to meet-->
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
<tr>
<td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
<span class="orangetext15">
</td>
</tr>
<tr>
<td>
<table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
<td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
<nav>
<div id="displayName">
Parker J. Carrington
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li>
<a href="/home.php" class="navvyLinks">Home</a>
</li>
<li>
<a href="/send_message.php?member_id=" class="navvyLinks">Message</a>
</li>
<li>
<a href="/add_comment.php?member_id=" class="navvyLinks">Commnet</a>
</li>
<li>
<a href="/status_stream.php?member_id=" class="navvyLinks">Stream</a>
</li>
<li>
<a href="/view_member_blog.php?member_id=" class="navvyLinks">Blog</a>
</li>
<li>
<a href="/albums.php?member_id=" class="navvyLinks">Pictures</a>
</li>

<li>
<label for="drop-1" class="toggle navvyLinks">Writing +</label>
<a href="#" class="navvyLinks">Writing</a>
<input type="checkbox" id="drop-1"/>
<ul>
<li><a href="#" class="navvyLinks">Writing</a></li>
<li><a href="#" class="navvyLinks">Writing</a></li>
<li><a href="#" class="navvyLinks">Writing</a></li>
</ul>
</li>
</ul>
</nav>



<h1>Parker J. Carrington</h1>


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

</table>
</td>
</tr>
</table>
<br />
<table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
<tr>
<td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
<span class="orangetext15">
</td>
</tr>
<tr>
<td>
<table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
<td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
<h2>hell is empty and all the devils are here.</h2>

</table>
</td>
</tr>
</table>
<br />
<table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
<tr>
<td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
<span class="orangetext15">
</td>
</tr>
<tr>
<td>
<table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
<td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
<div class="bioArea">
Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.<br><br>
Libero fermentum consectetuer mus inceptos, praesent habitasse velit quisque erat in sagittis, condimentum vestibulum sed sit duis, nunc ut excepturi, ornare vestibulum nec faucibus. Magnis lectus vestibulum et nec, nam vel vehicula turpis pretium. Tristique convallis eu nascetur integer, augue urna laoreet lectus eget quam, ut etiam libero, vestibulum velit nascetur at proin. At phasellus ut in felis, libero nibh ut sit posuere. A diam sollicitudin massa tincidunt, id volutpat amet, cursus fames. Habitant egestas, pede nulla purus integer, justo volutpat libero neque eu morbi facere, lobortis congue mattis curabitur tellus, non donec sed id morbi pellentesque ut. Id aliquam sociis vestibulum enim, fringilla torquent, tristique maecenas nullam et mattis viverra ligula, duis libero in quam augue sapien, et in dolor eget mollis lectus. Sodales ipsum in risus neque. Varius blandit, duis tortor. Id massa, magna per, non leo bibendum netus ante. Vitae sed libero libero feugiat senectus, vel etiam risus erat, egestas nulla magnis eu egestas. Sapien nunc, pede parturient, purus tempor fusce sed elit mauris sit, est eleifend praesent lectus gravida est praesent.
<br><br>
 Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.<br><br>
Libero fermentum consectetuer mus inceptos, praesent habitasse velit quisque erat in sagittis, condimentum vestibulum sed sit duis, nunc ut excepturi, ornare vestibulum nec faucibus. Magnis lectus vestibulum et nec, nam vel vehicula turpis pretium. Tristique convallis eu nascetur integer, augue urna laoreet lectus eget quam, ut etiam libero, vestibulum velit nascetur at proin. At phasellus ut in felis, libero nibh ut sit posuere. A diam sollicitudin massa tincidunt, id volutpat amet, cursus fames. Habitant egestas, pede nulla purus integer, justo volutpat libero neque eu morbi facere, lobortis congue mattis curabitur tellus, non donec sed id morbi pellentesque ut. Id aliquam sociis vestibulum enim, fringilla torquent, tristique maecenas nullam et mattis viverra ligula, duis libero in quam augue sapien, et in dolor eget mollis lectus. Sodales ipsum in risus neque. Varius blandit, duis tortor. Id massa, magna per, non leo bibendum netus ante. Vitae sed libero libero feugiat senectus, vel etiam risus erat, egestas nulla magnis eu egestas. Sapien nunc, pede parturient, purus tempor fusce sed elit mauris sit, est eleifend praesent lectus gravida est praesent.
</div>

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

<img src="https://i.imgur.com/K1ClraR.png">

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

<h2>If you want love, if you want love....</h2>

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

<img src="https://i.imgur.com/bX3dgMC.png">
<div class="loveInterest">
<b>status</b> here <br>
<b>to whom</b> <a href="/">here</a><br>
<b>since when</b> 00.00 <br>
<b>comments</b> Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.
</div>


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

<h2>you gon' have to go through the pain</h2>









<!--interests-->
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
<tr>
<td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
<span class="orangetext15">
</td>
</tr>
<tr>
<td>
<table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
<td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
<div class="snapChatHolder">
<div class="snapChatInner">
<s id="s1"></s>
<s id="s2"></s>
<s id="s3"></s>
<s id="s4"></s>
<div class="singleSnap">
<div style="background-image:url('https://i.imgur.com/7CHvur1.png');">
<h3>SNAP ONE CAPTION</h3>
</div>
<div style="background-image:url('https://i.imgur.com/VAAlvoK.png');">
<h3>SNAP TWO CAPTION</h3>
</div>
<div style="background-image:url('https://i.imgur.com/wGdLDRR.png');">
<h3>SNAP THREE CAPTION</h3>
</div>
<div style="background-image:url('https://i.imgur.com/ndvwOwQ.png');">
<h3>SNAP FOUR CAPTION</h3>
</div>
</div>
<div class="prevNext">
<div>
<a href="#s4"><span class="th th-chevron-left"></span></a>
<a href="#s2"><span class="th th-chevron-right"></span></a>
</div>
<div>
<a href="#s1"><span class="th th-chevron-left"></span></a>
<a href="#s3"><span class="th th-chevron-right"></span></a>
</div>
<div>
<a href="#s2"><span class="th th-chevron-left"></span></a>
<a href="#s4"><span class="th th-chevron-right"></span></a>
</div>
<div>
<a href="#s3"><span class="th th-chevron-left"></span></a>
<a href="#s1"><span class="th th-chevron-right"></span></a>
</div>
</div>
</div>
</div>


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


</table>
</td>
</tr>
</table>
<br />
<table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
<tr>
<td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
<span class="orangetext15">
</td>
</tr>
<tr>
<td>
<table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
<td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
<h2>Current Owes List</h2>


</table>
</td>
</tr>
</table>
<br />
<table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
<tr>
<td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
<span class="orangetext15">
</td>
</tr>
<tr>
<td>
<table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
<td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
<div style="width:173px; height:123px;  display:inline-block; vertical-align:top; margin-right:11px; padding:5px; overflow:auto;">
<h4>I owe them</h4>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
</div>
<div style="width:173px; height:123px;  padding:5px; overflow:auto; display:inline-block; vertical-align:top;">
<h4>They owe me</h4>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
<b>name</b> - <i>reply</i> - 00.00 <br>
</div>


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

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

<img src="https://i.imgur.com/iPUGguS.png">

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

<h2>Rogue</h2>

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

<div class="barArea">
Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.
</div>


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

<img src="https://i.imgur.com/VWzYhS2.png">