Custom Order - Wolf Lover

<!--about me-->
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body {
background-color:#232426;
background-repeat:no-repeat;
background-attachment:fixed;
margin: 0;
overflow:auto;
background-image:url('https://i.imgur.com/Qsfr51A.jpg');
background-position:center;
}

table, tr, td, li, p, div, .profileInfo td.text {
font-size: 11px;
color: #fff;
font-family: Georgia;}

a:link, a:active, a:visited {
color: #fff;
font-family: Georgia;
font-size: 12px;
text-transform: uppercase;
margin-top: 10px;
display: inline-block;
margin-right: 30px;
}

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

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


.topBar{
width:764px;
height:35px;
background:#11130f;
text-align:right;
}

.firstColumn{
height: 384px;
width: 189px;
display: inline-block;
vertical-align: top;
margin-left: 37px;
margin-top: 30px;
}

.secondColumn{
height: 384;
width: 214px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
margin-left: 7px;
}

.thirdColumn{
height: 384px;
width: 268px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
margin-left: 7px;
}

.nameSpace{
width: 189px;
height: 40px;
background: #11130f;
}

.bottomTagLine{
width: 189px;
height: 40px;
background: #11130f;
margin-top:10px;
}

.pictureHolder{
width: 189px;
height: 284px;
background: #11130f;
margin-top: 10px;
background-image:url('https://i.imgur.com/xjEbGmD.png');
}

.bioPicture{
width: 214px;
height: 107px;
background: #11130f;
background-image:url('https://i.imgur.com/Ro3P9eS.png');
}

.biography{
width: 194px;
height: 257px;
background: #11130f;
padding: 10px;
font-family: Georgia;
font-size: 12px;
color: #fff;
text-align: justify;
overflow: auto;
}

.thirdBottomBar{
width: 268px;
height: 20px;
background: #11130f;
margin-top:10px;
}

.thirdTopBar{
width: 268px;
height: 20px;
background: #11130f;
}


.thirdFirstBlock{
width: 119px;
height: 91px;
vertical-align: top;
display: inline-block;
background: #11130f;
margin-top: 10px;
overflow:auto;
padding:5px;
text-align:justify;
}


.thirdSecondBlock{
width: 118px;
height: 91px;
vertical-align: top;
display: inline-block;
background: #11130f;
margin-top: 10px;
margin-left: 8px;
overflow:auto;
padding:5px;
text-align:justify;
}


h1{
color: #fff;
font-family: 'Montserrat', sans-serif;
margin: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
margin-top: 8px;
display: inline-block;
}

h2{
color: #fff;
font-family: 'Montserrat', sans-serif;
margin: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
display: inline-block;
}

h3{
color: #fff;
font-family: 'Montserrat', sans-serif;
margin: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
display: inline-block;
margin-bottom:5px;
}

::-webkit-scrollbar-thumb:vertical {height:12px; background:#11130f; border-top:10px solid #fff; border-bottom:10px solid #fff;}
::-webkit-scrollbar-thumb:horizontal {background-color:#11130f;}
::-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 class="topBar">
<a href="/">home</a>
<a href="/">message</a>
<a href="/">comment</a>
<a href="/">stream</a>
<a href="/">photos</a>
</div>
<div class="firstColumn">

<div class="nameSpace">
<h1>rachel black</h1>
</div>
<div class="pictureHolder">
</div>
<div class="bottomTagLine">
<h1>wolf lover</h1>
</div>
</div>
<div class="secondColumn">
<div class="bioPicture"></div>
<div class="biography">
Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here. Write about your biography here.
</div>
</div>
<div class="thirdColumn">
<div class="thirdTopBar">
<h2>start of quote here</h2>
</div>
<div class="thirdFirstBlock" style="background-image:url('https://i.imgur.com/Ig9Ngey.png');"></div>
<div class="thirdSecondBlock">
<h2>The Love Life</h2>
<b>Status:</b> here <br>
<b>Since:</b> here <br>
<b>To Whom</b> here <br>
<b>Comments</b> write about your special relationship here and what not.
</div>
<div class="thirdFirstBlock">
<h3>The Family</h3>
Write about your family here. For as long as you want. Write about your family here. For as long as you want. Write about your family here. For as long as you want. Write about your family here. For as long as you want. Write about your family here. For as long as you want. Write about your family here. For as long as you want. Write about your family here. For as long as you want.
</div>
<div class="thirdSecondBlock" style="background-image:url('https://i.imgur.com/f1g3zXR.png');">
</div>
<div class="thirdFirstBlock" style="background-image:url('https://i.imgur.com/Jlh0Qsb.png');">
</div>
<div class="thirdSecondBlock">
<h3>The Friends</h3>
Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write. Talk about your friends here, again how ever much you want to write.
</div>
<div class="thirdBottomBar">
<h2>end of quote here</h2>
</div>
</div>


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