Custom Order - Never to Heaven Layout

<!--about me-->
<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;
}

.topBar{
    width: 915px;
    height: 300px;
    background: #c7beb8;
    position: fixed;
    top: 0;
    left: 15px;
    right: 0;
    margin: auto;
    z-index: 9999;
    text-align:center;
}

a.navigationalLinks:link, a.navigationalLinks:visited{
    font-family: Playfair Display;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 100;
    text-transform: uppercase;
    width: 145px;
    display: inline-block;
    text-align: center;
    background: #c7beb8;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 5px;
}

a.navigationalLinks:hover{
    color:#a06f47;
}

.storyline{
    width: 198px;
    height: 286px;
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-family: 'Playfair Display';
    font-size: 12px;
    text-align: justify;
    overflow: auto;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.snapchatCaption{
    width: 380px;
    font-size: 12px;
    position: absolute;
    background: #c7beb8;
    color: #fff;
    margin-top: -212px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.basicInfo{
width:340px;
height:210px;
padding-left:20px;
padding-right:20px;
margin-top:20px;
margin-bottom:20px;
color:#000;
text-align:justify;
overflow:auto;
}


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



h1{
    font-family: Playfair Display;
    font-size: 49px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    color: #c7beb8;
}

h2{
    font-family: Playfair Display;
    font-size: 29px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    color: #c7beb8;
}

h3{
    font-family: Playfair Display;
    font-size: 29px;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: 100;
    color: #c7beb8;
    margin-left:10px;
}

h4{
    font-family: Playfair Display;
    font-size: 19px;
    margin: 0;
    text-align: right;
    text-transform: uppercase;
    font-weight: 100;
    color: #c7beb8;
    margin-right:10px;
}

h5{
    font-family: Playfair Display;
    font-size: 19px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    background: #c7beb8;
    color:#fff;
}

b{
background:#c7beb8;
padding:5px;
line-height:32px;
color:#fff;
}


.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 #c7beb8;
background-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;} #jm a {background-image:url("")!important; background-repeat:no-repeat!important; width:58px!important; height:13px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; left:0px!important; opacity:0.3!important;} a:hover {opacity:1!important;}table table table table {position:static;}


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






<!--like to meet-->
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="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="topBar">
<img src="https://i.imgur.com/H7EocV8.png">
<a href="/home.php" class="navigationalLinks">Home</a>
<a href="/send_message.php?member_id=" class="navigationalLinks">Message</a>
<a href="/add_comment.php?member_id=" class="navigationalLinks">Comments</a>
<a href="/view_member_blog.php?member_id=" class="navigationalLinks">Blog</a>
<a href="/status_stream.php?member_id=" class="navigationalLinks">Stream</a>
<a href="/albums.php?member_id=" class="navigationalLinks">Photos</a>
</div>
<img src="https://i.imgur.com/lO7v80R.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">
<h3>If there's heaven for me</h3>
<h4>I'm sure it has a beach attached to it</h4>


</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="storyline" style="margin-right:1px;">
<h5>part one</h5>
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>
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 class="storyline">
<h5>part two</h5>
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>
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>


</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>Let the waves hit your feet</h3>
<h4>and the sand be your seat.</h4>


</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">
<img src="https://i.imgur.com/LLYyciw.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">
<div style="width: 440px; height: 210px; color: #000; padding-left: 20px; padding-right: 20px; margin-top: 20px; margin-bottom: 20px; overflow: auto;">
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
<b>Connection name</b> / <i>connection title</i> - 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.
<br><br>
</div>





<!--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">
<h1>Hallie Taylor</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">
<div class="basicInfo">
<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="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/FpzdfCV.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">
<div class="basicInfo">
<b>status</b> here <br>
<b>to whom</b> here <br>
<b>since</b> here <br>
<h2>Comments</h2>
Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here. Talk about your significant other here.
</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/GRZ1wzK.png">
<div class="snapchatCaption">Just a lil morning yoga</div>