kang seungyoon

<!--
 Kang Seungyoon
 page made by gyapo.tumblr.com
 don't remove this comment
 -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<style type="text/css">
 body
{font-family:arial;
font-size:10px;
background-color:#eee;
background-image:url('http://static.tumblr.com/724e5e00276451786ebe0ce3eba9d4d2/onhp7lq/TGCn9zhbp/tumblr_static_83i4lnzzki04ggkcwsss0wc4g.png');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a
{text-decoration:none;}


#all
{margin:0 auto;
margin-top:110px;
width:520px;}

.image
{width:500px;padding:3px;
border:1px solid #000;
margin-bottom:10px;}

.image img
{width:500px;}

#menu
{text-align:center;
font-size:12px;
margin-bottom:5px;}
.sub
{padding:0px 30px 0px 30px;
color:#000;}

#name
{position:absolute;
width:500px;
text-align:center;
margin-top:30px;}

#char
{color:#fff;font-size:36px;}
#role
{text-transform:uppercase;letter-spacing:10px;padding-left:10px;
color:#fff;opacity:0.5;font-family:calibri;}

#second
{height:100px;width:486px;padding:15px 10px 10px 10px;text-align:justify;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;}

#second a
{color:#000;text-transform:uppercase;font-style:italic;
font-weight:800;}

.relation
{color:#000;width:120px;
padding:5px 10px 5px 10px;font-size:9px;text-align:center;margin-bottom:15px;}
.left
{letter-spacing:5px;text-transform:uppercase;font-family:calibri;
margin-bottom:3px;padding-left:5px;
}
.right
{font-weight:800;font-style:italic;}


</style>
</head>
<body>


<div id="all">

    <div id="menu">
    <a href="/"><span class="sub">blog</span></a>
    <a href="/ask"><span class="sub">message</span></a>
    <a href="http://gyapo.tumblr.com/"><span class="sub">credits</span></a>
    </div><!--menu-->

    <div class="image" id="first">
    <div id="name">
        <div id="char">Kang Seungyoon</div>
        <div id="role">The Boy</div>
    </div><!--name-->
    <img src="https://38.media.tumblr.com/78b3563b308c5df6a012f59744017789/tumblr_na1mt5IYVi1qdm57ho1_500.gif"/>
    </div><!--first-->

    <div class="image" id="second">
     <b>bold</b> <u>underline</u> <a href="/">link</a> <s>strike</s> <i>italic</i>
    </div><!--second-->


    <div id="third" style="margin-top:30px;">
    <div style="float:left;">
        <a href="/"><div class="relation">
        <div class="left">brother</div>
        <div class="right">song mino.</div>
        </div></a><!--relation 1-->
        <a href="/"><div class="relation">
        <div class="left">sister</div>
        <div class="right">lee hi</div>
        </div></a><!--relation 2-->
    </div><!--col1-->

    <div style="float:left;margin:0px 44px 0px 44px;">
        <a href="/"><div class="relation">
        <div class="left">role</div>
        <div class="right">people</div>
        </div></a><!--relation 3-->
        <a href="/"><div class="relation">
        <div class="left">role</div>
        <div class="right">people</div>
        </div></a><!--relation 4-->
    </div><!--col2-->

    <div style="float:left;">
        <a href="/"><div class="relation">
        <div class="left">role</div>
        <div class="right">people</div>
        </div></a><!--relation 5-->
        <a href="/"><div class="relation">
        <div class="left">role</div>
        <div class="right">people</div>
        </div></a><!--relation 6-->
    </div><!--col3-->

    </div><!--third-->

</div><!--all-->


</body>
</html>