Custom Order - Ginger - Layout

<!--about me-->
<style type="text/css">

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

.editsByM  { Background }
table, tr, td {
background-color:transparent;
text-transform:uppercase;
font-size:10px;
}


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

body, td, li, p, div, textarea {
font-family: 'Playfair Display';
font-size: 11px;
color: #000;
}

.bottomBar{
position:fixed;
z-index:99999;
bottom:0;
left:0;
width:100%;
background:#deb87a;
text-align:center;
}


 a.bottomBarNavigation:link, a.bottomBarNavigation:visited {
background-color: #fff;
color: #deb87a;
padding: 12px 3px;
margin-top: -6px;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: 'Playfair Display';
width: 100px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}

a.bottomBarNavigation:hover, a.bottomBarNavigation:active {
background-color: #deb87a;
}


a.popupLinks:link, a.popupLinks:visited {
background-color: #fff;
color: #deb87a;
padding: 12px 3px;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: 'Playfair Display';
width: 274px;
margin-top: 0px;
}

a.popupLinks:hover, a.popupLinks:active {
background-color: #deb87a;
}


h1{
background: #deb87a;
color: #fff;
font-weight: 100;
font-family: Playfair Display;
font-size: 40px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
text-align: center;
}

h1 span{
font-size: 24px;
margin-top: -10px;
display: inline-block;
letter-spacing: 22px;
}


h2{
background: #deb87a;
color: #fff;
font-weight: 100;
font-family: Playfair Display;
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
text-align: center;
margin-bottom:10px;
}


h3{
background: #deb87a;
color: #fff;
font-weight: 100;
font-family: Playfair Display;
font-size: 30px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
text-align: center;
}

h3 span{
font-size: 14px;
margin-top: -10px;
display: inline-block;
letter-spacing: 8px;
}

h4{
color: #deb87a;
font-weight: 100;
font-family: Playfair Display;
font-size: 15px;
margin: 0;
text-align: center;
margin-bottom:10px;
}

h5{
background: #deb87a;
color: #fff;
font-weight: 100;
font-family: Playfair Display;
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
text-align: center;
}

b {
padding: 5px;
background: #deb87a;
color: #fff;
line-height: 35px;
}

::-webkit-scrollbar {display: none;}



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

table table table table{
border:10px solid #deb87a;
background-color:#fff;
}



.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



 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;}  .extendednetwork{display:none;} .blurbs{display:none;} .userprofileurl{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;}  #footerWarpper{display: none;}
 table.profileInfo table tr:last-child {display:none;} .userprofiledetail{display:none;}

.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;}

.nametext {
font-family: 'Playfair Display';
font-size: 12pt;
color: #fff;
font-weight: 100;
width: 300px;
display: inline-block;
text-align: center;
background: #deb87a;
font-size: 36px;
margin-bottom: 7px;
padding-bottom: 5px;
}


.mCalendarBox{
width:280px;
background:#fff;
overflow:hidden;
}


.mCalTitle{
font-family: 'Playfair Display';
color: #deb87a;
display: block;
text-transform: uppercase;
text-align: center;
font-size: 32px;
}

.mCalendarBox span {
font: 12px 'Playfair Display';
color: #a80906;
text-align: center;
width: 36px;
height: 36px;
display: inline-block;
line-height: 36px;
}



.circle {
border:1px solid #a80906;
border-radius:50%;
}

span[data-title]:hover:after,
div[data-title]:hover:after {
background:#deb87a;
padding:5px;
z-index:9999;
font:11px 'Playfair Display';
content:attr(data-title);
position:absolute;
margin:0 0 100px;
color:#fff;
}



.timeline-item > header {
padding: 0.5em 0;
padding: 10px;
color:#a80906;
}

.timeline-item > p {
padding: 10px;
}

.timeline {
position: relative;
padding-left: 20px;
}

.timeline .timeline-item {
margin-bottom: 50px;
font-size: 1.8rem;
}

#featuredDrabble{
display:none;
}

#featuredDrabble:target{
position: fixed;
display: block;
background: #fff;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 500px;
height: 500px;
border: solid #c2090c 10px;
padding: 20px;
overflow: auto;
font-family: 'Playfair Display';
font-size: 12px;
color: #000;
text-align: justify;
}

.owesBoxes{
width: 128px;
height: 137px;
padding: 10px;
display: inline-block;
vertical-align: top;
background: #fff;
font-family: 'Playfair Display';
font-size: 12px;
font-weight: 100;
text-align: justify;
overflow: auto;
color: #000;
padding-top:0px;
}

#drabbles{
display:none;
}

#drabbles:target{
position:fixed;
display:block;
background:#fff;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:300px;
height:156px;
border: solid #c2090c 10px;
padding:20px;
}

#quickFacts{
display:none;
}

#quickFacts:target{
position:fixed;
display:block;
background:#fff;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:300px;
height:156px;
border: solid #c2090c 10px;
padding:20px;
}

#pointTracker{
display:none;
}

#pointTracker:target{
position:fixed;
display:block;
background:#fff;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:300px;
height:156px;
border: solid #c2090c 10px;
padding:20px;
}

#toDoList{
display:none;
}

#toDoList:target{
position:fixed;
display:block;
background:#fff;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:300px;
height:156px;
border: solid #c2090c 10px;
padding:20px;
}

</style>













<!--like to meet-->
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">


<div class="snowflakes" aria-hidden="true">
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
</div>
<div class="bottomBar">
<a href="/home.php" class="bottomBarNavigation">Home</a>
<a href="/send_message.php?member_id=1584278" class="bottomBarNavigation">Message</a>
<a href="/add_comment.php?member_id=1584278" class="bottomBarNavigation">Comment</a>
<a href="https://www.roleplayer.me/view_blog.php?id=0000464904" class="bottomBarNavigation">Rules</a>
<a href="https://www.roleplayer.me/view_profile.php?member_id=1257850" class="bottomBarNavigation">Group</a>
<a href="https://www.roleplayer.me/status_stream.php?member_id=1584278" class="bottomBarNavigation">Stream</a>
<a href="https://www.roleplayer.me/view_profile.php?member_id=1621586" class="bottomBarNavigation">Resources</a>
<a href="/gallery.php?member_id=1584278" class="bottomBarNavigation" style="margin-right:0px;">Gallery</a>
</div>

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


</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<h1>After Every Snowfall<br>
<span>Ginger Rose</span>
</h1>




</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<div style="display:inline-block; height:150px; width:200px; margin-right:10px; vertical-align:top;"><img src="https://i.imgur.com/3Qcm84O.png"></div>

<div style="display:inline-block; height:130px; width:246px; color:#000; padding-left:10px; padding-right:10px; margin-top:10px; text-align:justify; overflow:auto; vertical-align:top;">
<h2>After Every Snowfall</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
<br><br>
At ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Et odio pellentesque diam volutpat commodo sed egestas. Dui accumsan sit amet nulla facilisi morbi. Sed velit dignissim sodales ut. Ut diam quam nulla porttitor massa id. Ante metus dictum at tempor commodo ullamcorper a. Viverra justo nec ultrices dui sapien eget mi proin sed. Praesent semper feugiat nibh sed. Nec tincidunt praesent semper feugiat nibh sed. Suspendisse potenti nullam ac tortor vitae purus. Gravida neque convallis a cras semper auctor neque vitae. Nisl tincidunt eget nullam non nisi est sit amet. Tristique nulla aliquet enim tortor at. Porta nibh venenatis cras sed felis eget velit aliquet sagittis. Nec sagittis aliquam malesuada bibendum arcu vitae. Vitae auctor eu augue ut.
<br><br>
Enim sed faucibus turpis in eu mi. Enim nec dui nunc mattis enim ut tellus. Pellentesque elit eget gravida cum sociis natoque penatibus. Arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam sit. Ut morbi tincidunt augue interdum velit. Elementum tempus egestas sed sed risus pretium quam. In dictum non consectetur a erat nam at lectus urna. Diam vulputate ut pharetra sit amet aliquam id diam maecenas. Purus gravida quis blandit turpis cursus. Id eu nisl nunc mi ipsum faucibus vitae. Felis donec et odio pellentesque diam volutpat commodo sed egestas. Egestas erat imperdiet sed euismod. Ante in nibh mauris cursus. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Enim nulla aliquet porttitor lacus luctus accumsan.
<br><br>
Suspendisse sed nisi lacus sed viverra tellus. Sit amet luctus venenatis lectus magna fringilla urna. Porta nibh venenatis cras sed felis. Sed viverra tellus in hac habitasse platea. Diam quam nulla porttitor massa id neque aliquam. Sodales ut eu sem integer vitae justo eget magna fermentum. A condimentum vitae sapien pellentesque habitant morbi tristique senectus et. Nisi quis eleifend quam adipiscing vitae proin sagittis. Eget mauris pharetra et ultrices neque ornare aenean euismod. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius. Venenatis a condimentum vitae sapien pellentesque. Pellentesque habitant morbi tristique senectus et. Netus et malesuada fames ac. Dolor sit amet consectetur adipiscing elit ut aliquam. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ullamcorper velit sed ullamcorper morbi tincidunt.
<br><br>
Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
</div>




</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<h3>And Winter's stars do shiver<br>
<span>with a wish to fall as snow</span>
</h3>












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


<div style="display:inline-block; height:130px; width:246px; color:#000; padding-left:10px; padding-right:10px; margin-top:10px; text-align:justify; overflow:auto; vertical-align:top;">
<h2>Becomes Snowflakes</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
<br><br>
At ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Et odio pellentesque diam volutpat commodo sed egestas. Dui accumsan sit amet nulla facilisi morbi. Sed velit dignissim sodales ut. Ut diam quam nulla porttitor massa id. Ante metus dictum at tempor commodo ullamcorper a. Viverra justo nec ultrices dui sapien eget mi proin sed. Praesent semper feugiat nibh sed. Nec tincidunt praesent semper feugiat nibh sed. Suspendisse potenti nullam ac tortor vitae purus. Gravida neque convallis a cras semper auctor neque vitae. Nisl tincidunt eget nullam non nisi est sit amet. Tristique nulla aliquet enim tortor at. Porta nibh venenatis cras sed felis eget velit aliquet sagittis. Nec sagittis aliquam malesuada bibendum arcu vitae. Vitae auctor eu augue ut.
<br><br>
Enim sed faucibus turpis in eu mi. Enim nec dui nunc mattis enim ut tellus. Pellentesque elit eget gravida cum sociis natoque penatibus. Arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam sit. Ut morbi tincidunt augue interdum velit. Elementum tempus egestas sed sed risus pretium quam. In dictum non consectetur a erat nam at lectus urna. Diam vulputate ut pharetra sit amet aliquam id diam maecenas. Purus gravida quis blandit turpis cursus. Id eu nisl nunc mi ipsum faucibus vitae. Felis donec et odio pellentesque diam volutpat commodo sed egestas. Egestas erat imperdiet sed euismod. Ante in nibh mauris cursus. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Enim nulla aliquet porttitor lacus luctus accumsan.
<br><br>
Suspendisse sed nisi lacus sed viverra tellus. Sit amet luctus venenatis lectus magna fringilla urna. Porta nibh venenatis cras sed felis. Sed viverra tellus in hac habitasse platea. Diam quam nulla porttitor massa id neque aliquam. Sodales ut eu sem integer vitae justo eget magna fermentum. A condimentum vitae sapien pellentesque habitant morbi tristique senectus et. Nisi quis eleifend quam adipiscing vitae proin sagittis. Eget mauris pharetra et ultrices neque ornare aenean euismod. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius. Venenatis a condimentum vitae sapien pellentesque. Pellentesque habitant morbi tristique senectus et. Netus et malesuada fames ac. Dolor sit amet consectetur adipiscing elit ut aliquam. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ullamcorper velit sed ullamcorper morbi tincidunt.
<br><br>
Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
</div>


<div style="display:inline-block; height:150px; width:200px; margin-left:10px; vertical-align:top;"><img src="https://i.imgur.com/pmEDRCc.png"></div>


</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<h3>Come  play in my wonderland<br>
<span>my current storylines</span>
</h3>



</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<div style="display:inline-block; height:250px; width:220px; margin-right:10px; vertical-align:top;"><img src="https://i.imgur.com/WJt7r6m.png"></div>

<div style="display:inline-block; height:230px; width:226px; color:#000; padding-left:10px; padding-right:10px; margin-top:10px; text-align:justify; overflow:auto; vertical-align:top;">
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
<b>connection name</b> - <i>connection title</i> - Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
<br><br>
</div>


</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<h3>I want to get lost with you<br>
<span>they're my friends</span>
</h3>



</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<div style="display:inline-block; height:230px; width:226px; color:#000; padding-left:10px; padding-right:10px; margin-top:10px; text-align:justify; overflow:auto; vertical-align:top;">
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>
<a href="/" class="popupLinks" style="width:219px;">connection name</a>

</div>
<div style="display:inline-block; height:250px; width:220px; margin-left:10px; vertical-align:top;"><img src="https://i.imgur.com/gHjCHCE.png"></div>



</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<h3>You warm my winter heart<br>
<span>my current love life</span>
</h3>



</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<div style="display:inline-block; height:250px; width:220px; margin-right:10px; vertical-align:top;"><img src="https://i.imgur.com/GLUDCpm.png"></div>

<div style="display:inline-block; height:230px; width:226px; color:#000; padding-left:10px; padding-right:10px; margin-top:10px; text-align:justify; overflow:auto; vertical-align:top;">
<b>status</b> here <br>
<b>to whom</b> here <br>
<b>since when</b> 00.00<br>
<b>comments</b> talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here. talk about them here.
</div>




</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<h3>I want to be like snowflakes<br>
<span>my career path</span>
</h3>



</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<div style="width:480px; height:436px; overflow:auto;">
<div class="timeline">
<div class="timeline-item">
<header>Month 00, 0000</header>
<p>
Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here.
</p>
</div>
<div class="timeline-item">
<header>Month 00, 0000</header>
<p>
Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here.
</p>
</div>
<div class="timeline-item">
<header>Month 00, 0000</header>
<p>
Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here.
</p>
</div>
<div class="timeline-item">
<header>Month 00, 0000</header>
<p>
Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here.
</p>
</div>
<div class="timeline-item">
<header>Month 00, 0000</header>
<p>
Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here.
</p>
</div>
<div class="timeline-item">
<header>Month 00, 0000</header>
<p>
Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here. Talk about the point in their career here.
</p>
</div>
</div>
</div>





</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
<tr>
<td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
</td>
</tr>
<tr>
<td>
<table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0" style="margin-bottom:50px;">
<td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<h3 style="font-size:28px;">Meet me under the mistletoe<br>
<span>Midnight Christmas Eve</span>
</h3>








<div id="featuredDrabble">
<div style="width:500px; text-align:right;"><a href="#close" style="font-family:Georgia; font-size:12px; color:#000;">x</a></div>
<h4 style="font-size:43px;">Drabble Title Here</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
<br><br>
At ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Et odio pellentesque diam volutpat commodo sed egestas. Dui accumsan sit amet nulla facilisi morbi. Sed velit dignissim sodales ut. Ut diam quam nulla porttitor massa id. Ante metus dictum at tempor commodo ullamcorper a. Viverra justo nec ultrices dui sapien eget mi proin sed. Praesent semper feugiat nibh sed. Nec tincidunt praesent semper feugiat nibh sed. Suspendisse potenti nullam ac tortor vitae purus. Gravida neque convallis a cras semper auctor neque vitae. Nisl tincidunt eget nullam non nisi est sit amet. Tristique nulla aliquet enim tortor at. Porta nibh venenatis cras sed felis eget velit aliquet sagittis. Nec sagittis aliquam malesuada bibendum arcu vitae. Vitae auctor eu augue ut.
<br><br>
Enim sed faucibus turpis in eu mi. Enim nec dui nunc mattis enim ut tellus. Pellentesque elit eget gravida cum sociis natoque penatibus. Arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam sit. Ut morbi tincidunt augue interdum velit. Elementum tempus egestas sed sed risus pretium quam. In dictum non consectetur a erat nam at lectus urna. Diam vulputate ut pharetra sit amet aliquam id diam maecenas. Purus gravida quis blandit turpis cursus. Id eu nisl nunc mi ipsum faucibus vitae. Felis donec et odio pellentesque diam volutpat commodo sed egestas. Egestas erat imperdiet sed euismod. Ante in nibh mauris cursus. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Enim nulla aliquet porttitor lacus luctus accumsan.
<br><br>
Suspendisse sed nisi lacus sed viverra tellus. Sit amet luctus venenatis lectus magna fringilla urna. Porta nibh venenatis cras sed felis. Sed viverra tellus in hac habitasse platea. Diam quam nulla porttitor massa id neque aliquam. Sodales ut eu sem integer vitae justo eget magna fermentum. A condimentum vitae sapien pellentesque habitant morbi tristique senectus et. Nisi quis eleifend quam adipiscing vitae proin sagittis. Eget mauris pharetra et ultrices neque ornare aenean euismod. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius. Venenatis a condimentum vitae sapien pellentesque. Pellentesque habitant morbi tristique senectus et. Netus et malesuada fames ac. Dolor sit amet consectetur adipiscing elit ut aliquam. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ullamcorper velit sed ullamcorper morbi tincidunt.
<br><br>
Egestas purus viverra accumsan in nisl. Auctor eu augue ut lectus arcu bibendum at varius vel. In nisl nisi scelerisque eu ultrices vitae auctor. Nunc aliquet bibendum enim facilisis gravida. Et leo duis ut diam quam nulla porttitor massa id. Ut tortor pretium viverra suspendisse. Urna duis convallis convallis tellus id. Tincidunt dui ut ornare lectus sit. Tellus in metus vulputate eu scelerisque felis imperdiet proin. A iaculis at erat pellentesque. Tortor at auctor urna nunc.
</div>












<div id="drabbles">
<div style="width:300px; text-align:right;"><a href="#close" style="font-family:Georgia; font-size:12px; color:#000;">x</a></div>

<div class="owesBoxes" style="overflow:hidden;">
<img src="https://i.imgur.com/93mfz5G.png">
</div>

<div class="owesBoxes">
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
<a href="/" class="popupLinks" style="width:119px;">drabble link</a>
</div>

</div>


<div id="quickFacts">
<div style="width:300px; text-align:right;"><a href="#close" style="font-family:Georgia; font-size:12px; color:#000;">x</a></div>

<div class="owesBoxes" style="overflow:hidden;">
<img src="https://i.imgur.com/a64iphb.png">
</div>

<div class="owesBoxes">
<h5>Quick Facts</h5>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
- quick fact one <br>
</div>

</div>



<div id="pointTracker">
<div style="width:300px; text-align:right;"><a href="#close" style="font-family:Georgia; font-size:12px; color:#000;">x</a></div>

<div class="owesBoxes" style="overflow:hidden;">
<img src="https://i.imgur.com/MTyGgoP.png">
</div>

<div class="owesBoxes">
<h5>Point Tracker</h5>
Point tracker
</div>

</div>



<div id="toDoList">
<div style="width:300px; text-align:right;"><a href="#close" style="font-family:Georgia; font-size:12px; color:#000;">x</a></div>

<div class="owesBoxes" style="overflow:hidden;">
<img src="https://i.imgur.com/TP2tc8D.png">
</div>

<div class="owesBoxes">
<h5>To Do List</h5>
<ul>
<li>
to do one
</li>
<li>
to do one
</li>
<li>
to do one
</li>
<li>
to do one
</li>
<li>
to do one
</li>
<li>
to do one
</li>
<li>
to do one
</li>
</ul>
</div>

</div>

























<!--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">
<a href="#featuredDrabble" class="popupLinks">featured drabble</a>
<a href="#drabbles" class="popupLinks">drabbles</a>
<a href="#quickFacts" class="popupLinks">quick facts</a>
<a href="#pointTracker" class="popupLinks">point tracker</a>
<a href="#toDoList" class="popupLinks">to do list</a>



</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 class="mCalendarBox">

<div class="mCalTitle">December 2020</div>

<span>Su</span>
<span>Mo</span>
<span>Tu</span>
<span>We</span>
<span>Th</span>
<span>Fr</span>
<span>Sa</span>


<span class="mBlankDates"><!--BLANK--></span>
<span class="mBlankDates"><!--BLANK--></span>
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
<span>8</span>
<span>9</span>
<span>10</span>
<span>11</span>
<span>12</span>
<span>13</span>
<span>14</span>
<span>15</span>
<span>16</span>
<span>17</span>
<span>18</span>
<span>19</span>
<span>20</span>
<span>21</span>
<span>22</span>
<span>23</span>
<span>24</span>
<span class="circle" data-title="Merry Christmas!">25</span>
<span>26</span>
<span>27</span>
<span>28</span>
<span>29</span>
<span>30</span>
<span>31</span>
<span class="mBlankDates"><!--BLANK--></span>
<span class="mBlankDates"><!--BLANK--></span>
</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">
<h2 style="margin-bottom:0px;">My Owes</h2>

</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:123px; 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:123px; 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="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">
<h2 style="margin-bottom:0px;">Updated On: 00.00</h2>

</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/omGNAHY.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">
<h2 style="margin-bottom:0px;">My Basic Information</h2>

</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:260px; height:150px; text-align:justify; padding:10px; overflow:auto;">
<b>Full Name</b> here<br>
<b>Pronunciation</b> here<br>
<b>Nickname/Alias</b> here<br>
<b>Gender</b> here<br>
<b>Orientation</b> here<br>
<b>Real Age</b> here<br>
<b>Birthday</b> here<br>
<b>Birthplace</b> here<br>
<b>Astrological Sign</b> here<br>
<b>Species</b> here<br>
<b>Ethnicity</b> here<br>
<b>Preferred Hand</b> here<br>
<b>Eye Color</b> here<br>
<b>Hair Color</b> here<br>
<b>Hairstyle</b> here<br>
<b>Skin Tone</b> here<br>
<b>Makeup</b> here<br>
<b>Build</b> here<br>
<b>Height</b> here<br>
<b>Weight</b> here<br>
<b>Shoe Size</b> here<br>
<b>Birthmarks/scars</b> here<br>
<b>Distinguishing Features</b> here<br>
<b>Health</b> here<br>
<b>Allergies</b> 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">
<h2 style="margin-bottom:0px;">Connection Name</h2>

</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:100px; height:100px; display:inline-block; vertical-align:top; margin-right:10px;"><img src="https://i.imgur.com/sDNl648.png"></div>

<div style="width: 147px; height: 100px; color: #000; display: inline-block; vertical-align: top; padding-left: 10px; padding-right: 10px; overflow: auto; text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
</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">
<h2 style="margin-bottom:0px;">Connection Name</h2>

</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: 147px; height: 100px; color: #000; display: inline-block; vertical-align: top; padding-left: 10px; padding-right: 10px; overflow: auto; text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
</div>

<div style="width:100px; height:100px; display:inline-block; vertical-align:top; margin-left:10px;"><img src="https://i.imgur.com/sDNl648.png"></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">
<h2 style="margin-bottom:0px;">Connection Name</h2>

</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:100px; height:100px; display:inline-block; vertical-align:top; margin-right:10px;"><img src="https://i.imgur.com/sDNl648.png"></div>

<div style="width: 147px; height: 100px; color: #000; display: inline-block; vertical-align: top; padding-left: 10px; padding-right: 10px; overflow: auto; text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
</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">
<h2 style="margin-bottom:0px;">Connection Name</h2>

</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: 147px; height: 100px; color: #000; display: inline-block; vertical-align: top; padding-left: 10px; padding-right: 10px; overflow: auto; text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
</div>

<div style="width:100px; height:100px; display:inline-block; vertical-align:top; margin-left:10px;"><img src="https://i.imgur.com/sDNl648.png"></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">
<h2 style="margin-bottom:0px;">Connection Name</h2>

</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:100px; height:100px; display:inline-block; vertical-align:top; margin-right:10px;"><img src="https://i.imgur.com/sDNl648.png"></div>

<div style="width: 147px; height: 100px; color: #000; display: inline-block; vertical-align: top; padding-left: 10px; padding-right: 10px; overflow: auto; text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
</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/EVgsNYi.png">