ABOUT PAGE #2

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


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


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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
</head>

<script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.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: #333;font-size: 8px;font-family: calibri;letter-spacing: 1px;text-transform: uppercase;color: #fff;text-align: center;margin-left: 20px;padding: 3px;min-width: 40px;max-width: 200px;z-index: 99;}

::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#f2f2f2;}
::-webkit-scrollbar {width:5px;}

body {
    background-color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 100%;}

a:link, a:active, a:visited {color:#333;text-decoration:none;}
a:hover {color:#fff;}

/*title*/
#head {
    margin:auto;
    background:#fff;
    text-align: center;
    z-index:99;
    padding-right:10px;
    width:650px;}

.head {margin:auto;margin-bottom:20px;}

#title{
    font-family: helvetica;
    letter-spacing:-5px;
    font-weight:bold;
    line-height:100%;
    font-size:70px;
    color: #434343;
    background:#fff;
    padding: 5px;
    text-align:left;
    margin-top:95px;
    margin-bottom:-15px;
    z-index:333;
    position:relative;}

#head:hover .links{opacity:1;}
.links{
    position:relative;
    z-index:444;
    display:block;
    margin-top:0px;
    margin-left:0px;
    width:50px;
    height:18px;
    font-size:8px;
    font-family: helvetica;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity:0;}

.links a{color:#222;}

/*box*/
.box {
    width: 650px;
    height:340px;
    margin:auto;
    padding:0px;}

/*titles*/
.heads {
    border-left:23px solid #456787;
    color:#fff;
    background:#434343;
    font-family: helvetica;
    font-size: 9px;
    padding:8px 10px 8px 10px;
    margin:5px 0px 0px 0px;
    display: block;
    text-align: left;
    letter-spacing: 1px;
    width:auto;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;}

.heads a:hover{background:#fff;color:#666;}

/*descriptions*/
.description {
    width:auto;
    font-family: helvetica;
    font-size: 8px;
    color: #888;
    letter-spacing: 1px;
    background:#f8f8f8;
    padding:10px;
    text-align:justify;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}

.description:hover{
    zoom: 1.0;
    -moz-transform: scale(3);
    -webkit-transform: scale(3);
    line-height:100%;
    position:relative;
    z-index:555;
    letter-spacing: 0px;
    font-family:calibri;}

</style>
<body>

<div id="head">
<div class="head">
<!--Title-->
<div id="title">title</div>
<!--Links-->
<div class="links"><a href="/">home</a> . <a href="/ask">ask</a></div>

<!--Start-->
<div class="box">
<table align="top">

<!--Firt Column-->
<td style="vertical-align:top;width:225px;">

<!--One-->
<div class="heads">.title</div>
<div class="description">
text here

</div></div>

<!--Two-->
<div class="heads">.title</div>
<div class="description">
text here

</div></div>

</td>
<!--End of First Column-->

<!--Second Column-->
<td style="vertical-align:top;width:295px;">

<!--One-->
<div class="heads">.title</div>
<div class="description">
text here

</div></div>

<!--Two-->
<div class="heads">.title</div>
<div class="description">
text here

</div></div>

</td>
<!--End of Second Column-->

<!--Third Column-->
<td style="vertical-align:top;width:225px;">

<!--One-->
<div class="heads">.tags</div>
<div class="description">
<a href="/">.tag 1</a> <br>
<a href="/">.tag 2</a> <br>

</div></div>

<!--Two-->
<div class="heads">.title</div>
<div class="description">
text here

</div></div>

</td>
<!--End of Third Column-->
</table>
<!--End of Code-->
</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:#f7f7f7;padding: 2px 5px 3px 5px;border-radius:3px;z-index:99;color:#999;"> SJ. </a></div>

</html>