ABOUT PAGE #4

<!---------------------------------------------------------------------


                ᴀʙᴏᴜᴛ ᴍᴇ ᴘᴀɢᴇ ᴍᴀᴅᴇ ʙʏ .ᴄʜʟᴏᴇ.
                [ʏᴏɴɢ.ᴄᴏ.ᴠᴜ] & [sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ]
                ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ
                [sᴏᴏɴᴊᴜɴᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ]
                ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
                ɪғ ʏᴏᴜ ʜᴀᴠᴇ ᴀɴʏ ǫᴜᴇsᴛɪᴏɴs ᴄᴏᴍᴇ ᴀsᴋ.


---------------------------------------------------------------------->

<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>

<style type="text/css">

#s-m-t-tooltip {
    display: block;
    background: #fdc456;
    font-size: 8px;
    font-family: calibri;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height:100%;
    color: #fff;
    text-align: center;
    margin-left: 18px;
    padding:7px;
    min-width: 40px;
    max-width: 200px;
    z-index: 99;}

::-webkit-scrollbar-thumb:vertical{background-color: #f6f6f6;}
::-webkit-scrollbar {width: 7px; background-color:#fff;}

body {background-color: #fcfcfc;margin: 0px;}

a:link, a:visited, a:active {
        text-decoration: none;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;}

a:hover {-webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;}

#picture {
    margin:auto;
    margin-top:100px;
    height: 200px;
    width: 200px;
    /*picture*/
    background:url('PICTURE URL');
    background-position:center;
    background-size:cover;
    text-align: center;
    border-radius:50%;
    border:10px solid #f6f6f6;
    z-index:99;}

#title {
    margin:auto;
    font:oblique bold 50px times;
    color: #333;
    margin-top: 210px;
    margin-left:-10px;
    letter-spacing: 3px;
    width:220px;}

#text {
    margin:auto;
    font:oblique 10px arial;
    text-align:justify;
    color: #333;
    margin-top: 10px;
    margin-left:-10px;
    letter-spacing: 0px;
    width:220px;}

#picture a {
    font-family:calibri;
    width: 50px;
    display: inline-block;
    padding: 3px 1px 3px 1px;
    color: #fafafa;
    letter-spacing: 1px;
    font-size: 8px;
    background-color: #fba807;
    text-transform:uppercase;}

#picture a:hover {background-color: #333;text-shadow: 1px 1px 0px #777;}

#line {width:10px;
background:#fdc456;
background-position:center;background-size:cover;
border-left:10px solid #f5f5f5;
height:100%;top:0px;left:0px;position:fixed;}

</style>
</head>

<body>
<div id="line"></div>
<div id="picture">
<!--title--->
<div id="title">about me</div>
<!--links--->
<a href="/">go back</a>
<a href="/ask">message</a>
<!--extra link--->
<a href="URL">link</a>
<!--text--->
<div id="text">TEXT GOES HERE!</div>
</div>


</body>
<a href="http://soonjunthemes.tumblr.com/" title="page created by soonjun" style="font-size:10px;right:15px;top:15px;position:fixed;font-family:calibri;letter-spacing:1px;background:#f6f6f6;padding: 2px 5px 3px 5px;border-radius:3px;z-index:99;color:#666;"> SJ. </a></div>
</html>