Custom Order - Avery

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

body {
background-color:#232426;
background-repeat:no-repeat;
background-attachment:fixed;
margin: 0;
overflow:auto;
background-image:url('https://i.imgur.com/wsJHGEy.png');
background-size:cover;
}

table, tr, td, p, div, .profileInfo td.text {
font-size: 10px;
color: #717171;
font-family: 'Poppins', sans-serif;
}

a:link, a:active, a:visited {
    color: #717171;
    font-family: Georgia;
    font-size: 12px;
}

a:hover{
text-decoration:none;
color:#000;
}

#instagramBox{
display:none;
}


#instagramBox:target{
display:block;
width: 571px;
height: 357px;
vertical-align: top;
text-align: justify;
background: #f0eee7;
margin-top: 20px;
color: #000;
font-size: 12px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
margin: auto;
}



#twitterBox{
display:none;
}


#twitterBox:target{
display:block;
width: 478px;
height: 450px;
vertical-align: top;
text-align: justify;
background: #f0eee7;
margin-top: 20px;
color: #000;
font-size: 12px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
margin: auto;
}


#topTwitterHeadBar {
width: 465px;
height: 151px;
padding: 5px;
}

#twitterProfileIcon img {
width:100px;
height:100px;
border:3px solid #fff;
border-radius:100%;
margin-top:-70px;
margin-left:5px;
}

#twitterHeader img {
width:465px;
}

b {
    color: #fff;
    background-color: #dab373;
    padding: 5px;
    line-height: 31px;
}

h4 {
    color: #717171;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

h6 {
color: #dab373; width: 100%; text-align: left; margin: 0; font-size: 22px; text-transform: uppercase; margin-bottom: 5px; margin-top: 5px;
}

.instaIcon{
border-radius: 50%; width: 33px; margin-top: 7px; margin-left: 7px;
}

.instaLocation{
    width: 100px;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    margin-left: 7px;
    font-family: Georgia;
    font-size: 10px;
    color: #000;
    padding-top: 5px;
}

#details{
display:none;
}

#details:target{
width: 357px;
    padding: 10px;
    height: 277px;
    background: #f0eee7;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
    font-family: Georgia;
    font-size: 12px;
    color: #000;
    text-align: justify;
    padding-bottom: 75px;
    margin-top: 20px;
    position: fixed;
    margin-left: -376px;
    margin-top: 18px;
font-family:Georgia;
font-size:12px
color:#000;
}






#owes{
display:none;
}

#owes:target{
width: 357px;
    padding: 10px;
    height: 277px;
    background: #f0eee7;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
    font-family: Georgia;
    font-size: 12px;
    color: #000;
    text-align: justify;
    padding-bottom: 75px;
    margin-top: 20px;
    position: fixed;
    margin-left: -376px;
    margin-top: 18px;
font-family:Georgia;
font-size:12px
color:#000;
}







#love{
display:none;
}

#love:target{
width: 357px;
    padding: 10px;
    height: 277px;
    background: #f0eee7;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
    font-family: Georgia;
    font-size: 12px;
    color: #000;
    text-align: justify;
    padding-bottom: 75px;
    margin-top: 20px;
    position: fixed;
    margin-left: -376px;
    margin-top: 18px;
font-family:Georgia;
font-size:12px
color:#000;
}




#connections{
display:none;
}

#connections:target{
width: 357px;
    padding: 10px;
    height: 277px;
    background: #f0eee7;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
    font-family: Georgia;
    font-size: 12px;
    color: #000;
    text-align: justify;
    padding-bottom: 75px;
    margin-top: 20px;
    position: fixed;
    margin-left: -376px;
    margin-top: 18px;
font-family:Georgia;
font-size:12px
color:#000;
}

h1{
font-family: Georgia; font-size: 42px; text-align: left; margin: 0; text-transform: uppercase; /* margin-left: 111px; */ letter-spacing: -2px;
}

h2{
font-family: Georgia;
font-size: 34px;
text-align: center;
margin: 0;
text-transform: uppercase;
width: 100%;
color: #d1b378;
}

.instagramPost{
position: fixed; margin: auto; top: -476px; bottom: 0; left: -606px; right: 0; background: #f0eee7; width: 200px; height: 259px;
}

.twitterPost{
position: fixed; margin: auto; top: 490px; bottom: 0; left: 602px; right: 0; background: #f0eee7; width: 295px; height: 70px;
}

.container {
width:600px;
height:500px;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
overflow:hidden;
margin:auto;
color:#fff;
background-color:#f0eee7;
font-family: 'Abel', sans-serif;
}

a.navLinks:link, a.navLinks:visited {
background-color: #f0eee7; color: #91999b; padding: 4px 10px; text-align: center; text-decoration: none; display: inline-block; font-family: Georgia; font-size: 10px; text-transform: uppercase; width: 59px; border-bottom: solid 2px; border-left: solid 2px; border-right: solid 2px; border-top: solid 2px; margin-bottom: 2px;
}

a.navLinks:hover, a.navLinks:active {
background-color: #91999b;
color:#f0eee7;
}



a.feedLink:link, a.feedLink:visited {
color: #32516f; text-decoration: none; font-family: Georgia; font-size: 10px; margin-left: 5px; margin-top: 3px; display: inline-block;
}

a.feedLink:hover, a.feedLink:active {
color:#dfca9c;
}


a.popupLinks:link, a.popupLinks:visited {
background-color: #91999b;
color: #f0eee7;
padding: 6px 11px;
text-align: center;
text-decoration: none;
display: inline-block;
width: 42px;
font-family: Georgia;
font-size: 12px;
}

a.popupLinks:hover, a.popupLinks:active {
background-color: #f0eee7;
color:#91999b;
}

::-webkit-scrollbar-thumb:vertical {height:12px; background:#f0eee7; border-top:10px solid #717171; border-bottom:10px solid #717171;}
::-webkit-scrollbar-thumb:horizontal {background-color:#f0eee7;}
::-webkit-scrollbar {width:5px; height:7px;}


.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
</style>





<!--like to meet-->
<html>
<body>
<div class="container">
<div style="width:600px; height:120px; background:#f0eee7;">
<div style="width: 495px; height: 120px; display: inline-block; vertical-align: top; margin-left: 105px; margin-top:33px;">
<center>
<h1>Avery Leanne Davis</h1>
<a href="" class="navLinks">home</a>
<a href="" class="navLinks">comment</a>
<a href="" class="navLinks">message</a>
<a href="" class="navLinks">stream</a>
<a href="" class="navLinks">photos</a>
</center>
</div>
</div>

<div style="width:200px; padding:10px; height:360px; display:inline-block; vertical-align:top;padding-top: 31px;">
<a href="#close" style="width:44px;" class="popupLinks">bio</a> <a href="#details" class="popupLinks">details</a> <a href="#owes" class="popupLinks">owes</a>
<img src="https://i.imgur.com/Dr2pmMk.png">
<a href="#love" style="width:77px;" class="popupLinks">love</a> <a href="#connections" style="width:76px;" class="popupLinks">connections</a>
</div>

<div style="width: 357px; padding: 10px; height: 277px; display: inline-block; vertical-align: top; overflow: auto; font-family: Georgia; font-size: 12px; color: #000; text-align: justify; padding-bottom: 75px; margin-top: 20px;">
<h2>The middle of starting over</h2>
<center><big>line: bittersweetastoria || discord: queen#2784</big></center><br>
December 31st 1997, just minutes from midnight, Avery Leanne Davis was born. Her mother Faith had spent countless hours in labor, eventually tearing and losing a bunch of blood. But it had all been worth it, when her baby girl was finally placed on her chest. Avery wailed from then on out for weeks, scaring the ever loving crap out of her mother and causing her to get close to zero sleep. But never once did Faith complain. Her parents had to practically pry Avery from her arms just to make Faith get some much needed sleep. In the beginning, it was her parents that really did the helping with Avery. But by the time Avery was four, her mother had moved them out and across town to put some distance between them. Also to cut down their ability to spoil her daughter, simply because she was becoming a little bit of a spoiled brat.
<br><br>
By five, Avery was flourishing. She was one of the smartest from the moment she entered Kinder, and her teacher often spoke her praises on how well she listened. That really was a big pattern through Avery's life, at least in schooling. She never disobeyed teachers, however she did her mother fairly often. Her grandparents tended to be a go between a lot, she'd go to them for things her mother refused to buy or do for her. It caused a lot of tension between Faith and her parents for quite a few years. But Avery was their only grandchild, and with Faith showing no interest in settling down with a man (they never did get the truth on Avery's creation, just that it'd been a one night stand - which wasn't a total lie) they refused to stop their ways. Their grand baby was going to get anything and everything her little heart desired.
<br><br>
-=+=- more on the past coming soon -=+=-
<br><br>
Currently, After spending the summer on the road - sleeping in her car most nights just so she could afford to travel a little. Avery is back in Hartsville, happily so. Since she doesn't have a house anymore after losing the one she had been living in with her mother after the burial costs took all the money she had and then some, she ended up living in Mountain Falls with her newfound half-sister Bowie. As of August 1st, she's been signed to Reckless Records as a new recording artist. She's been been working towards getting signed for years now, so she's excited to get things going and getting her music out there for everyone to hear finally.
</div>
<div id="love">
<h4>love life</h4>
<b>status</b> here <br>
<b>since</b> here <br>
<b>with whom</b> here <br>
<b>comments</b> here
</div>

<div id="connections">
<h4>connections</h4>

<h6>name here</h6>
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.

<h6>name here</h6>
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.


<h6>name here</h6>
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.


<h6>name here</h6>
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.


<h6>name here</h6>
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.

<h6>name here</h6>
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>

<div id="owes">
<h4>I owe you</h4>
<b>Bowie</b> - <i>starter</i> - 08/04 <br>
<b>Luna</b> - <i>reply</i> - 08/09 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<h4>You Owe Me</h4>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<b>name</b> - <i>starter/reply</i> - 00/00 <br>
<h4>Updated: 08/09</h4>
</div>

<div id="details">
<h4>Basic Information</h4>
<b>Full Name:</b> Avery Leanne Davis.
<br>
<b>Nickname(s):</b> Avie, A.
<br>
<b>Age:</b> 22.
<br>
<b>Date of Birth:</b> December 31st.
<br>
<b>Hometown:</b> Spring Rock, Hartsville SC.
<br>
<b>Current Location:</b> Mountain Falls, Hartsville SC.
<br>
<b>Ethnicity:</b> White.
<br>
<b>Nationality:</b> American.
<br>
<b>Gender:</b> Female.
<br>
<b>Pronouns:</b> She/Her.
<br>
<b>Orientation:</b> Bisexual.
<br>
<b>Religion:</b> Atheist.
<br>
<b>Occupation:</b> Singer/Songwriter.

<h4>Physical Appearance</h4>

<b>Hair Color:</b> Blonde.
<br>
<b>Eye Color:</b> Blue.
<br>
<b>Height:</b> 5'
<br>
<b>Build:</b> Slim.
<br>
<b>Tattoos:</b> A broken heart on her ankle.
<br>
<b>Piercings:</b> Ears.
<br>
<b>Clothing Style:</b> Varies.
<br>
<b>Distinguishing Characteristics:</b> Eyes.

<h4>Favorites</h4>
<b>Weather:</b> Sunny & 75.
<br>
<b>Color:</b> Coral.
<br>
<b>Music:</b> Depends.
<br>
<b>Sport:</b> N/A.
<br>
<b>Beverage:</b> Strawberry Daiquiri.
<br>
<b>Food:</b> Noodles.

</div>
</div>

<div class="instagramPost">
<img src="https://i.imgur.com/CiQHXCj.png" class="instaIcon">
<div class="instaLocation">
@unbrokenxmess<br>
new york, new york ➤
</div>
<img src="https://i.imgur.com/5aFkKp7.png" style="margin-left:10px;">
<div style="width: 200px; margin-left: 10px; font-family: Georgia; font-size: 10px; color: #000; margin-top: 5px;"><strong>@unbrokenxmess</strong> caption goes here
<br>
<a href="#instagramBox" class="feedLink">view feed</a>
</div>
</div>

<div class="twitterPost">
<img src="https://i.imgur.com/6Eyru9w.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px;"> <div style="width: 228px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #000;"><strong>Avery</strong> <i>@unbrokenxmess</i> 7h<br>
This is where the tweet will go, try to stick to the normal twitter char limit.<br>
<a href="#twitterBox" class="feedLink">view feed</a>
</div>
</div>


<div id="instagramBox">
<div style="width: 561px; text-align: right; margin-bottom: -14px; margin-top: 5px;"><a href="#close" class="closeTabs">X</a></div>
<img src="https://i.imgur.com/11W6KGE.png" style="margin-left:75px;margin-top: 10px;">
<div style="width: 289px; height: 63px; display: inline-block; vertical-align: top; margin-top: 28px; margin-left: 11px; margin-bottom: 9px;">
<h2 style="font-size:15px; text-align:left; color:#717171;">@unbrokenxmess</h2>
<h2 style="font-size: 10px; text-align: left; color: #717171; margin-top: 7px;"><b style="color:#fff;">###</b> Posts <b style="color:#fff;">###</b>Followers <b style="color:#fff;">###</b> Following</h2>
<blockquote style="color: #717171; font-size: 12px; margin-left: 1px; margin-top: 5px;">
do a little description here, like on insta. Talk about pizza or your animal or something.
</blockquote>
</div>
<center>
<img src="https://i.imgur.com/3aZQbLr.png" style="width: 100px; height: 100px; margin-top: 22px;">
<img src="https://i.imgur.com/GjBMoes.png" style="width: 100px; height: 100px; margin-left:10px;">
<img src="https://i.imgur.com/bgeZfEf.png" style="width: 100px; height: 100px; margin-left:10px;">
<br>
<img src="https://i.imgur.com/L24nh6C.png" style="width: 100px; height: 100px; margin-top:10px;">
<img src="https://i.imgur.com/H3YUIZP.png" style="width: 100px; height: 100px; margin-left:10px;">
<img src="https://i.imgur.com/5YCvKJX.png" style="width: 100px; height: 100px; margin-left:10px;">
</center>
</div>


<div id="twitterBox">
<div style="width: 476px; text-align: right; margin-bottom: 1px; margin-top: 5px;"><a href="#close" class="closeTabs">X</a></div>

<div id="topTwitterHeadBar">
<div id="twitterHeader">
<img src="https://i.imgur.com/ch9zkhe.png">
</div>
<div id="twitterProfileIcon">
<img src="https://i.imgur.com/KBrhGFe.png">
</div>
<b style="color: #717171; background: none; padding: 0px; line-height: inherit;font-size: 26px;">avery</b>
<br>
<i style="font-family:Georgia; font-size:12px; color:#000;">@unbrokenxmess</i><br>
<div class="instaBio" style="color: #000; font-size: 12px; margin-left: 1px; margin-top: 5px;">
do a little description here, like on insta. Talk about pizza or your animal or something.
</div>
</div>
<div style="width: 479px; height: 202px; margin-top: 67px; overflow: auto;">


<div>
<img src="https://i.imgur.com/6Eyru9w.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px;"> <div style="width: 400px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #000;"><strong>Avery</strong> <i>@unbrokenxmess</i> 7h<br>
This is where the tweet will go, try to stick to the normal twitter char limit.
</div>
</div>

<div style="margin-top:10px;">
<img src="https://i.imgur.com/6Eyru9w.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px;"> <div style="width: 400px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #000;"><strong>Avery</strong> <i>@unbrokenxmess</i> 7h<br>
This is where the tweet will go, try to stick to the normal twitter char limit.
</div>
</div>


<div style="margin-top:10px;">
<img src="https://i.imgur.com/6Eyru9w.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px;"> <div style="width: 400px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #000;"><strong>Avery</strong> <i>@unbrokenxmess</i> 7h<br>
This is where the tweet will go, try to stick to the normal twitter char limit.
</div>
</div>

<div style="margin-top:10px;">
<img src="https://i.imgur.com/6Eyru9w.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px;"> <div style="width: 400px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #000;"><strong>Avery</strong> <i>@unbrokenxmess</i> 7h<br>
This is where the tweet will go, try to stick to the normal twitter char limit.
</div>
</div>

<div style="margin-top:10px;">
<img src="https://i.imgur.com/6Eyru9w.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px;"> <div style="width: 400px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #000;"><strong>Avery</strong> <i>@unbrokenxmess</i> 7h<br>
This is where the tweet will go, try to stick to the normal twitter char limit.
</div>
</div>





</div>
</div>
</body>
</html>