K.W. Layout

About Me -- <style>


{BACKGROUND PROPERTIES}

table, tr, td { background-color:transparent; border:none; border-width:0;}body {background-color:#6f4948;background-image:url('x');background-position:top center;background-size:cover;background-attachment:fixed;background-repeat:repeat;y-overflow:hidden;x-overflow:hidden;}

{TABLE PROPERTIES}

td.text table {position:relative; top: 200px;}td.text table table {position:static;}table table { border: none;}</style><style>

{TEXT & STYLE}

table, tr, td, li, p, div{font-family: arial; color:#fff;--- ABOUT ME ---

font-size:11px!important; line-height:12px;}

a:active, a:visited, a:link{ font-family:georfia;font-size:10px;color:#fff;text-transform: lowercase;letter-spacing: 1px;line-height:19px;font-weight: lighter;text-decoration: none;display: inline-block;padding: 2px;text-shadow: 12px 0px transparent, -12px 0px transparent;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;   }  a:hover {color: #0f0b0e;text-shadow: 0px 0px #0f0b0e, 0px 0px #0f0b0e; }

a.first, a.first:link, a.first:active, a.first:visited {font-size: 10px; font-family: georgia; color:#ff9f9f9; line-height:12px;text-decoration:none; letter-spacing:0px; -webkit-transition: all .5s ease-in-out;    -moz-transition: all .5s ease-in-out;    -o-transition: all .5s ease-in-out; } a.first:hover {color: #444;  text-transform:none; font-style:italic; text-decoration: none; -webkit-transition: all .5s ease-in-out;    -moz-transition: all .5s ease-in-out;    -o-transition: all .5s ease-in-out; }

a.second, a.second:link, a.second:active, a.second:visited {font-family: arial;    font-size:8px;    line-height: 15px;width:auto;height:18px!important;text-transform: uppercase;  letter-spacing: 2px;    font-weight: lighter;    color: #e8b6c3;    text-decoration: none;    background: transparent;        text-align: center;    margin-bottom:2px;display: block;      padding: 2px;      -webkit-transition: all .5s ease-in-out;    -moz-transition: all .5s ease-in-out;    -o-transition: all .5s ease-in-out; } a.second:hover {  letter-spacing: 2.5px;    color: #fff;background-color: #826b7f;}

i {font-family: litf;font-size: 12px;text-align: center;text-transform: uppercase;color: #7151e0;margin: 1px;letter-spacing: 1px;line-height: 12px;}

b {font-family: litf;font-size:12px;font-weight:800;color: #fff;text-transform: uppercase;letter-spacing:1px;line-height:12px;padding:2px 4px 1.5px 2px;background-color:#;}

u {color:#444;font-family:consolas;font-size: 8px;text-transform:uppercase;line-height:6px;}

h1 {font-family:times;font-size:12px;line-height:14px;margin:5px 0 5px 0;letter-spacing:2px;font-weight:italic;text-align:right;text-transform:lowercase;color:#6f4948;padding-left:5px;background:#;}

h2{font-family:times narrow;font-size:15px;color:#000;line-height:16px;text-align:center;font-weight:bold;margin:5 10 5 10;background:transparent;padding:0px;text-transform:uppercase;letter-spacing:15px;}

h3{font-family:litf;font-size:60px;color:#fff;line-height:60px;text-align:right;font-weight:strong;margin:5 5  5 5;background:#;padding:2px;text-transform:uppercase;letter-spacing:8px;}

</style><style type="text/css">

{ SCROLLBAR PROPERTIES - C R E A T I V I A N }

::-webkit-scrollbar {width:5px; height:4px;}::-webkit-scrollbar-track {background:#d6d5d6;}::-webkit-scrollbar-thumb {background:#d6d5d6;}::-webkit-scrollbar-thumb:hover {background:#a61b18;}::-webkit-scrollbar-thumb:active {background:#a61b18;}</style>









<style>{ HIDE CODES }
td, tr, table {background-color:transparent;}.userprofiledetail, .profileInfo, .userprofileURL {display:none;}.friendscomments, .friendspace, .useralbums {display:none;} .latestBlogEntry, .contactTable, .extendedNetwork {display:none;} .whitetext12, .orangetext15, .lightbluetext8 {display:none;} .nameText, .mslogo, .clearfix {display:none;}#footerwarpper {display:none;} #googlebar {display:none;} #topnav {display:none;}#groups {display:none;}#headerWrap {display:none;}</style>



<style>

{ DIV BOXES}

.nav {
width:100px;
height:250px;
top:-115px;
left:-370px;
position:absolute;
overflow:auto;
background:transparent;
border:0px solid #b1d4fa;
background-image:url('');}

.ohhoney {
width:825px;
height:500px;
top:-255px;
left:-300px;
position:absolute;
overflow:auto;
background:#b1d4fa;
border:2px solid #b1d4fa;
background-image:url('');}

.basicinfo1{
width:250px;
height:200px;
top:-250px;
left:-295px;
position:absolute;
overflow:auto;
background:#9eacc9;
border:2px solid #887d8b;
z-index1;}

.img1{
width:250px;
height:100px;
top:-45px;
left:-295px;
position:absolute;
overflow:none;
background:#f9f9f9;
border:2px solid #887d8b;
z-index1;}


.basicinfo2{
width:250px;
height:180px;
top:60px;
left:-295px;
position:absolute;
overflow:auto;
background:#9eacc9;
border:2px solid #887d8b;
z-index1;}

.mainpic{
width:250px;
height:490;
top:-250px;
left:-40px;
position:absolute;
overflow:none;
background:#9eacc9;
border:2px solid #887d8b;
z-index1;}



.loveinterest1{
width:150px;
height:150;
top:-250px;
left:215px;
position:absolute;
overflow:none;
background:#9eacc9;
border:2px solid #887d8b;
z-index1;}

.aboutloveinterest2{
width:150px;
height:150;
top:-250px;
left:370px;
position:absolute;
overflow:auto;
background:#9eacc9;
border:2px solid #887d8b;
z-index1;}

.aboutloveinterest1{
width:150px;
height:150;
top:-95px;
left:215px;
position:absolute;
overflow:auto;
background:#9eacc9;
border:2px solid #887d8b;
z-index1;}

.loveinterest2{
width:150px;
height:150;
top:-95px;
left:370px;
position:absolute;
overflow:auto;
background:#9eacc9;
border:2px solid #887d8b;
z-index1;}

.connections{
width:305px;
height:180;
top:60px;
left:215px;
position:absolute;
overflow:auto;
background:#9eacc9;
border:2px solid #887d8b;
z-index1;}

.container {
  position: relative;
  width: 250px;
}

.image {
  display: block;
  width: 250px;
  height: 490px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1.5s ease;
  background-color: #transparent;
}


.container:hover .overlay {
  opacity: 1;
}


.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: #6f4948;
  color: white;
  font-size: 11px;
  padding: 16px 32px;

}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}







Like To Meet -- <div class="nav">

<a href="/home.php">home</a></br>
<a href="/send_message.php?member_id=1693920">message</a></br>
<a href="/add_comment.php?member_id=1693920">comment</a></br>
<a href="/albums.php?member_id=1693920">photos</a></br>
<a href="/view_member_blog.php?member_id=1693920">blog</a>

</td></tr></table></td></tr></table><br /><table bordercolor="f4a2ca" cellspacing="0" cellpadding="0" width="0" bgcolor="f4a2ca" border="0"><tr><td class="text" valign="left" align="left" width="400" bgcolor="f4a2ca" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="400" align="left" bgcolor="6c0503" border="0"></a>

<div class="ohhoney">
</div>

<div class="basicinfo1">
<div style="font:9px times; color:#f9f9f9; line-height:10px; width:auto; border-radius:3px; overflow:hidden; text-align:justify; letter-spacing:-0.1px; word-spacing:5px; margin:10px 0;">
<h1>basic info:</h1><hr>
Curabitur interdum nisl libero, eget porta ex dapibus sit amet. Praesent consequat nulla eu purus placerat malesuada. Nullam vel sapien convallis, rutrum tortor non, pharetra est. Fusce posuere lorem sollicitudin nunc congue, pulvinar iaculis eros consequat. Nulla fermentum mollis sodales. Ut pharetra velit sed nisl faucibus consectetur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eget elit at ipsum commodo tristique eget non est. Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.


</div></div>

<div class="img1">
<img src="https://i.postimg.cc/28VZQ2Sn/New-Project-1.png"></div>

<div class="basicinfo2">
<div style="font:9px times; color:#f9f9f9; line-height:10px; width:auto; border-radius:3px; overflow:hidden; text-align:justify; letter-spacing:-0.1px; word-spacing:5px; margin:10px 0;">
<h1>basic info:</h1><hr>
Curabitur interdum nisl libero, eget porta ex dapibus sit amet. Praesent consequat nulla eu purus placerat malesuada. Nullam vel sapien convallis, rutrum tortor non, pharetra est. Fusce posuere lorem sollicitudin nunc congue, pulvinar iaculis eros consequat. Nulla fermentum mollis sodales. Ut pharetra velit sed nisl faucibus consectetur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eget elit at ipsum commodo tristique eget non est. Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.


</div></div>

<div class="mainpic">
<div class="container">
  <img src="https://i.postimg.cc/7Z7Rs1ZW/3f89600e42e61da49c34a897f17ab218.png" alt="Avatar" class="image">
  <div class="overlay">
 <div class="middle">
    <div class="text"><div style="font:9px times; color:#f9f9f9; line-height:10px; width:190px; height:200px; border-radius:3px; overflow:auto; text-align:justify; letter-spacing:-0.1px; word-spacing:5px; margin:2px;"><h2>duchess of suffolk</h2>Curabitur interdum nisl libero, eget porta ex dapibus sit amet. Praesent consequat nulla eu purus placerat malesuada. Nullam vel sapien convallis, rutrum tortor non, pharetra est. Fusce posuere lorem sollicitudin nunc congue, pulvinar iaculis eros consequat. Nulla fermentum mollis sodales. Ut pharetra velit sed nisl faucibus consectetur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eget elit at ipsum commodo tristique eget non est. Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vul.</div></div>
  </div>
</div>
  </div></div></div>

<div class="loveinterest1">
<img src="https://i.postimg.cc/DZJ9Q9Ht/a2af48cfbd6e81b32779d423250d564d-1.png">
</div>

<div class="aboutloveinterest1">
<div style="font:9px times; color:#f9f9f9; line-height:10px; width:auto; border-radius:3px; overflow:hidden; text-align:justify; letter-spacing:-0.1px; word-spacing:5px; margin:10px 0;">
<h1>info here:</h1><hr>
Curabitur interdum nisl libero, eget porta ex dapibus sit amet. Praesent consequat nulla eu purus placerat malesuada. Nullam vel sapien convallis, rutrum tortor non, pharetra est. Fusce posuere lorem sollicitudin nunc congue, pulvinar iaculis eros consequat. Nulla fermentum mollis sodales. Ut pharetra velit sed nisl faucibus consectetur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eget elit at ipsum commodo tristique eget non est. Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.
">
</div></div>

<div class="aboutloveinterest2">
<div style="font:9px times; color:#f9f9f9; line-height:10px; width:auto; border-radius:3px; overflow:hidden; text-align:justify; letter-spacing:-0.1px; word-spacing:5px; margin:10px 0;">
<h1>info here:</h1><hr>
Curabitur interdum nisl libero, eget porta ex dapibus sit amet. Praesent consequat nulla eu purus placerat malesuada. Nullam vel sapien convallis, rutrum tortor non, pharetra est. Fusce posuere lorem sollicitudin nunc congue, pulvinar iaculis eros consequat. Nulla fermentum mollis sodales. Ut pharetra velit sed nisl faucibus consectetur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eget elit at ipsum commodo tristique eget non est. Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.Nulla convallis, risus ut mattis lobortis, enim lacus mattis ipsum, dapibus aliquam tortor eros porta neque. Pellentesque tellus dui, facilisis eu vulputate sed, dignissim non orci. Mauris tincidunt sapien non nisl finibus elementum. Sed sollicitudin turpis dolor, pretium porttitor erat pretium eget. Aliquam erat volutpat. Quisque vitae orci id lectus dignissim laoreet. Sed id urna lorem. Aenean ac leo a metus interdum ullamcorper a eu dui.



</div></div>

<div class="loveinterest2">
<img src="https://i.postimg.cc/6QVbf9p2/hqdefault-1.png">

</div></div>

<div class="connections">
<div style="font:9px times; color:#f9f9f9; line-height:10px; width:auto; border-radius:3px; overflow:hidden; text-align:justify; letter-spacing:-0.1px; word-spacing:5px; margin:10px 0;">
<center><h1>connections</h1><hr>
<a href="">connection</a></br>
<a href="">connection</a></br>
<a href="">connection</a></br>
<a href="">connection</a></br>
<a href="">connection</a></br>
<a href="">connection</a></br>
<a href="">connection</a></br>
<a href="">connection</a></br>
<a href="">connection</a></br>
<a href="">connection</a></br>
</div>
</div>