[ ABOUT ME ]

<div class="toplink">
</div>

<div class="name"><Center>YOO TAEYANG.</div>



<div class="navigate">
<a href="/home.php" class="navi"><span class="lnr lnr-home"></span></a>
<a href="/send_message.php?member_id=ID" class="navi"><span class="lnr lnr-envelope"></span></a>
<a href="/gallery.php?member_id=ID" class="navi"><span class="lnr lnr-camera"></span></a>
<a href="/add_comment.php?member_id=ID" class="navi"><span class="lnr lnr-inbox"></span></a>
  </div>




<div class="container"><center>

<img src="https://i.imgur.com/lDGjwBS.gif" class="icon1">



<img src="https://78.media.tumblr.com/582fd52cadc10266841838a87a4049b9/tumblr_p4h0oj2Lq61rbn9klo4_540.gif" class="group">


<img src="https://pa1.narvii.com/6753/a6d1b9f35662509ec5e13c240cd9bdeeea7db7c7_00.gif" class="icon3">

  </div>



<div class="basics">

Your bio over here.

</div>



<div class="facts">
<b>Name:</b> ---- <br>
<b>Stage Name</b> ----<br>
<b>Nicknames</b>----<br>
<b>Birth Date</b> ---- <br>
<b>Age</b> ----<br>
<b>Birth place</b> ----<br>
<b>Gender</b> ----<br>
<b>Height</b> ----<br>
<b>Orientation</b> ----<br>
<b>Languages</b> ----<br>
<b>Position</b> ----<br>
<b>Group</b> ----<br>
<b>Company</b> ----<br>
</div>


<div class="luv">
<center>
<img src="https://i.pinimg.com/originals/30/db/bc/30dbbc1dfa8fc5dfe892120bd05016ae.png" class="img" width="50">

<img src="https://i.pinimg.com/originals/30/db/bc/30dbbc1dfa8fc5dfe892120bd05016ae.png" class="img" width="50">

<b>Status:</b> Single <br>
<b>Whom:</b> <a href="/view_profile.php?member_id=xxx">Name</a><br>
<b>Dated:</b> ----<br>
<b>Engaged:</b>----<br>
<b>Married:</b> ----<br>
<b>Our Song:</b> ---- <br>
<b>Children:</b> ----<br>
<b>Comments:</b> ----<br>
</center>
</div>

<div class="friends">
<marquee direction="up"  scrollamount="2"  behavior="scroll";><center>

<a href="/"><img src="https://78.media.tumblr.com/fc054be15c4c91dd31dcacbca4e97528/tumblr_p4xphofsHr1vcg76mo5_250.jpg" width="50" height="50" class="img1"></a>

<a href="/"><img src="https://78.media.tumblr.com/ebca7cca0bce9573c08dd16d7bc8235d/tumblr_ooz71kaidW1ug8cf7o1_250.png" width="50" height="50" class="img1"></a>

<a href="/"><img src="https://78.media.tumblr.com/245e1e83bdf4b684c164e4290fa1b987/tumblr_oluarg1psA1vj5w4mo9_500.png" width="50" height="50" class="img1"></a>

<a href="/"><img src="https://data.whicdn.com/images/302091714/large.jpg" width="50" height="50" class="img1"></a>

<a href="/"><img src="https://78.media.tumblr.com/b17e5c024622beea7e5ff4d6e3a3bae7/tumblr_ooqjok0FZl1rita75o5_250.png" width="50" height="50" class="img1"></a>
<br>
<a href="/"><img src="https://pbs.twimg.com/media/DBNNUFAUwAAl0RP.jpg" width="50" height="50" class="img1"></a>

<a href="/"><img src="https://pbs.twimg.com/media/C77rCD6VYAAt8Mt.jpg" width="50" height="50" class="img1"></a>

<a href="/"><img src="https://78.media.tumblr.com/063f35525a323fa134f863d43006b33e/tumblr_ozzptsH3FX1w7515uo4_1280.jpg" width="50" height="50" class="img1"></a>

</marquee></div>


<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet">

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">




<div class="musicp"><Center><object type="application/x-shockwave-flash" data="https://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
<param name="movie" value="https://flash-mp3-player.net/medias/player_mp3_mini.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/cru895kfe4/SF9_MAMMA_MIA_Lyrics_Color_CodedENGROMHAN_.mp3
%3Fdl%3D1&autoplay=1&bgcolor=ffffff&loadingcolor=ffffff&buttoncolor==000000&slidercolor=000000" />
</object></div>



[ LIKE TO MEET ]


<style>

body {
background-color: f8f8f8;
background-image:url("https://www.toptal.com/designers/subtlepatterns/patterns/memphis-colorful.png");
background-attachment:fixed;
background-repeat:repeat;
background-position:top center;
}

.img {outline: thin #fff;
outline-offset: -5px;
outline-style: solid;}

.img1 {
top: 6px;
margin: 3px;}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

.name{
z-index: 9999;
top:0%;
left:0%;
position: absolute;
width: 450px;
height: auto;
top:110PX;
padding:5px;
margin-left: 570px;
background-color: transparent;
padding: 5px;
overflow: none;
text-align:center;
text-transform: uppsercase;
font-family: 'IBM Plex Mono', monospace;
font-size: 50px;
color: #ffffff;
text-shadow: -2px -2px 0 #091e3b,
2px -2px 0 #1a1a1a,
2px 2px 0 #000000;}


.toplink{
    position:fixed;
    top:0%;
    left: 0%;
    margin-top:-200px;
    margin-left:-500px;
    font-weight:700;
    font-size:11px;
    border:1px solid #eee;
    width:680px;
    padding:10px;
    background-color:#fff;
z-index:999;
}

.container{
z-index:9999;
top:0%;
left: 0%;
background-image:url("https://media.blogto.com/articles/201781-graffiti.jpg?width=1300&quality=70");
position: fixed;
width:620px;
height:450px;
top:150PX;
margin-left:350px;
background-color: #cce6ff;
padding:6px;
border: 1px solid #f2f2f2;
overflow: auto;
}

.icon1{
z-index:999;
left: 0%;
top: 0%;
position: fixed;
width:150px;
height:140px;
top:200PX;
margin-left:390px;
background-color: #fff;
padding:6px;
border: 1px solid #f2f2f2;
overflow: none;

}

.group{
z-index:999;
left: 0%;
top: 0%;
position: fixed;
width:200px;
height:120px;
top:420PX;
margin-left:590px;
background-color: #fff;
padding:6px;
border: 1px solid #f2f2f2;
overflow: none;

}

.icon3{
z-index:999;
left: 0%;
top: 0%;
position: fixed;
width:120px;
height:120px;
top:420PX;
margin-left:820px;
background-color: #fff;
padding:6px;
border: 1px solid #f2f2f2;
overflow: none;

}

.icon2{
z-index:999;
left: 0%;
top: 0%;
position: fixed;
width:65px;
height:65px;
top:540PX;
margin-left:240px;
background-color: #fff;
padding:6px;
border: 1px solid #f2f2f2;
overflow: none;
}

.basics{
z-index:9999;
left: 0%;
top: 0%;
position: fixed;
width:130px;
height:130px;
top:200PX;
margin-left:600px;
background-color: #fff;
padding:6px;
border: 1px solid #000;
overflow: auto;
box-shadow: 5px 5px 0px #262626;
}

.facts{
z-index:9999;
left: 0%;
top: 0%;
position: fixed;
width:130px;
height:130px;
top:200PX;
margin-left:780px;
background-color: #fff;
padding:6px;
border: 1px solid #000;
overflow:auto;
box-shadow: 5px 5px 0px #262626;
}

.luv{
z-index:9999;
left: 0%;
top: 0%;
position: fixed;
width:130px;
height:130px;
top:420PX;
margin-left:400px;
background-color: #fff;
padding:6px;
border: 1px solid #000;
overflow: auto;
box-shadow: 5px 5px 0px #262626;
}


.friends{
z-index:9999;
left: 0%;
top: 0%;
position: absolute;
width:50px;
height:450px;
top:150PX;
margin-left:280px;
background-color: #fff;
padding:6px;
border: 1px solid #000;
overflow: none;}



.navigate{
z-index: 999;
top:0%;
left:0%;
position: fixed;
width: auto;
height: 20px;
top:110PX;
padding:0px;
margin-left: 380px;
border-radius: 50%;
background-color: transparent;
text-align:center;
overflow: none;}

.lnr-home {
color: #fff;
font-size: 17px;
top: 9px;
text-align:center;
spacing: 2px;
}

.lnr-envelope{
color: #fff;
font-size: 17px;
top: 9px;
text-align:center;
spacing: 2px;

}

.lnr-camera{
color: #fff;
font-size: 17px;
top: 9px;
text-align:center;
spacing: 2px;
}

.lnr-inbox{
color: #fff;
font-size: 17px;
top: 9px;
text-align:center;
spacing: 2px;
}

.musicp{
width: 27px; height: 20px;
z-index: 99;
font-size: 12px;
position: absolute;
top: 610px; left: 1010px;
overflow: hidden;
border: 0px solid #000;
font-size: 9px; font-family: consolas; text-transform: uppercase; color: #999;
}



@font-face { font-family:"brock script"; src: url('https://dl.dropboxusercontent.com/s/0w5ab59jjl33whe/brockscript.ttf'); format(�truetype�);}


b {font-size:8px; font-family: tahoma; color:#000000; text-transform:uppercase;}


U {font-size:8px; font-family: tahoma; color:#042858; text-transform:uppercase;}

i {font-size:8px; font-family: tahoma; color:#042858; text-transform:uppercase;}


a:active, a:visited, a:link {font-family: tahoma; font-size:8px; font-weight:bold; text-transform: uppercase; text-decoration:none; color:#000000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }

a:hover {color:#ddd; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }

a.navi:active, a.navi:visited, a.navi:link {font-family: tahoma; font-size:10px; text-align:center; padding-top:7px; display: inline-block; width:33px; height:25px; border-radius: 50%;
border: 1px solid #f3f3f3; text-transform: uppercase; text-decoration:none; color:#fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; background-color: #ffbb99;}

a.navi:hover { color: #000000; background-color: #fff;}




table, tr, td, li, p, div, .blacktext12, .text, .redtext, .redbtext {font-family: georgia; font-size:8px;line-height:12px; color: 454545;}






::-webkit-scrollbar-thumb {background-color: #000000; height: auto; border: 4px solid #ffffff;}
::-webkit-scrollbar {background-color: #ddd; height:10px; width:12px; border: 5px solid #ffffff;}

::-moz-selection {
background-color: #000000;
color: #fff; }

::selection {
background-color: #000000;
color: #fff; }

div.profileWidth { margin-top: -30px !important; } div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001; } div.profileWidth div.clearfix, div.profileWidth div div { filter:none; opacity:0.9999; } div.profileWidth div.clearfix { position:relative; top:30px; } div.profileWidth ul li { display: none; }



.bodyContent div td {background-color: b8e1e6; display: none;}


{HIDING CODES}
#footerWarpper {display:none;}
table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;} .clearfix {margin-top: -125px;} table table table, table.blurbs td.text, span.orangetext15 {display:none;}
div table, table.blurbs, table.blurbs table {visibility:visible; display:table; _display:inline;} td td td br {line-height:auto;} table, tr, td {background-color:transparent !important;} table table {visibility:hidden;} div.clearfix table div div {display:block;} .clearfix {display:none;}

a.crd:active, a.crd:visited, a.crd:link {font-size:10px; font-family: calibri; background:#; display:block; width:35px; height:30px; padding:2px; line-height:20px; text-align:center; color:#fff; position:fixed; bottom:5px; left:5px; font-weight:normal; text-decoration:none;}
a.crd:hover {color:#ddd; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}

</style>