about page 1

<!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="http://38.media.tumblr.com/4e4e659ab5dd4bc2e7bdaed371a85b56/tumblr_mugtzmPGbX1rfjowdo1_500.gif">

    <link rel="alternate" type="application/rss+xml" href="http://harry20l2.tumblr.com/rss">
    <meta name="description" content="" />

<!--

-->


<style type="text/css">

body {
    font-family:consolas;
    font-size:10px;
    line-height:180%;
    color:#000;
    background:#fff;
    background-image:url(''); center fixed;
background-size:fit;
    text-align:justify;

    }

          *, body, a {cursor: url(https://31.media.tumblr.com/91037c9d8802fdca6dea299654b6dc17/tumblr_inline_mzpkcniZkt1r6h6z5.png), auto;}
a:hover {cursor: url(https://31.media.tumblr.com/673fab4e45d2badc5533613afdbbf39d/tumblr_inline_mzpkcfVDdS1r6h6z5.png), auto;}

a {
    text-decoration:none;
    color:#fff;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}
a:hover {
    color:#fff;
    text-decoration:underline;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#everything {
    width:100px;
    margin-left:350px;
}

#box {
    width:279px;
    padding:15px;
    margin-top:200px;
}

#everything2 {
    width:700px;
    margin-left:720px;
}

#box2 {
    width:279px;
    padding:15px;
    margin-top:-200px;
    position:absolute;
}

#title2 {
    box-shadow:rgba(0,0,0,0.1)5px 5px;
    font-size:18px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:center;
    width:299px;
    padding-bottom:-5px;
    background:#BDECB6;
    color:#fff;
    padding:5px;
    margin-top:170px;
    margin-left:-15px;
    letter-spacing:-1px;
    text-transform:lowercase;
    position:absolute;
}

#navigation {
    box-shadow:rgba(0,0,0,0.1)5px 5px;
    position:absolute;
    text-transform:none;
    text-align:center;
    padding:10px;
    line-height:12px;
    margin-top:13px;
    padding-top:10px;
    margin-left:0px;
    background:#fff;
    color:#000;
    width:289px;
}

#navigation a {
    color:#000;
    display:block;
    width:280px;
    padding:5px;
}

#navigation a:hover {
    background:#BDECB6;
    color:#fff;
}

#title {
    box-shadow:rgba(0,0,0,0.1)5px 5px;
    position:absolute;
    font-size:18px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:center;
    width:299px;
    padding-bottom:-5px;
    background:#ccddff;
    color:#fff;
    padding:5px;
    margin-top:-0px;
    margin-left:-15px;
    letter-spacing:-1px;
    text-transform:lowercase;
}

#description {
    box-shadow:rgba(0,0,0,0.1)5px 5px;
    position:absolute;
    text-transform:none;
    text-align:center;
    padding:10px;
    line-height:12px;
    margin-top:13px;
    padding-top:10px;
    margin-left:0px;
    background:#fff;
    color:#000;
    width:289px;
}

#links {
    box-shadow:rgba(0,0,0,0.1)5px 5px;
    position:absolute;
    text-transform:uppercase;
    font-size:10px;
    background:#ffd1dc;
    color:#fff;
    font-weight:bold;
    letter-spacing:0px;
    text-align:center;
    word-spacing:5px;
    padding:10px;
    margin-top:-100px;
    margin-left:525px;
    width:299px;
    height:20px;
}


</style><script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=58a6e23ce2c821dc238581fb89959942"></script>
<meta http-equiv="x-dns-prefetch-control" content="off"/>
</head><body>


<div id="everything">
<div id="box">
<div id="title"><center>about me</center></div></div>

<div id="description">
add whatever you want here! use < p > to make a new paragraph, and use < br > (without the spaces) to make a new line. enjoy this page :-)

<p>if you decide to make your about longer, you can change the box to be more in the middle by changing the margin-top in #box to a lower number. change this page as much as you want but make sure you keep the credit!
</div>
</div>
</div>
</div>
</div>

</div></div>
<div id="everything2">
<div id="box2">
<div id="title2"><center>navigation</center></div></div>
<div id="navigation">
<a href="/">link 1</a>
<a href="/">link 2</a>
<a href="/">link 3</a>
<a href="/">link 4</a>
<a href="/">link 5</a>
</div>
</div>
</div>


<div id="links"><a href="/">home</a> <a href="/ask">inbox</a> <a href="http://www.tumblr.com/dashboard">dashboard</a>

<div style="background:#DBBFF7;padding:5px;padding-left:10px;padding-right:10px;position:fixed;bottom:5px;right:5px;z-index:999"><a href="http://izzysthemcs.tumblr.com">♥</a></div>

</body>
</html>