about page 01

<!doctype html>
<html lang="en">

<!--

THEME BY SPIDERMN

FEEL FREE TO EDIT AS YOU PLEASE, BUT DO NOT STEAL

DO NOT TOUCH THE CREDIT

-->

<html>
<head>

    <title>{title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <meta name="description" content="" />
    <meta http-equiv="x-dns-prefetch-control" content="off"/>


<style type="text/css">

body {
    margin-top:45px;
    margin-left:45%;
    width:350px;
    font-size:10px;
    font-family:verdana;
    color:#000;
    background:#fff;
}

a {
color:#00BD4F;
text-decoration:none;
font-weight:bold;
}

a:hover {
    color:#00FE6C;
    -moz-transition-duration:0.4s;
    -o-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    transition-duration:0.4s;
}

li{margin-left:-20px !important;}

#case {

}

#bigheading {
    color:#00bdb3;
    letter-spacing:8px;
    font-weight:900;
    font-size:36px;
    letter-spacing:8px;
    text-align:center;
    margin-left:-60%;
}

#icon img {
    width:80px;
    height:80px;
    margin-bottom:20px;
    margin-left:7.5%;
}

.icon {
border-radius: 40px;
}

#linkage {
    margin-top:5px;
    text-align:center;
    margin-left:-62%;
    margin-bottom:10px;
}

#heading {
    color:#00CCC0;
    font-weight:bold;
    font-size:24px;
    letter-spacing:-2px;
    margin-left:-60%;
}

#texty {
    padding-left:3px;
    border-left:4px solid #000;
    margin-top:12px;
    margin-bottom:12px;
    margin-left:-50%;
}

.credit a {
    color:#000;
    font-size:11px;
    position:fixed;
    bottom:8px;
    right:14px;
}

</style>
</head>

<body>
<div id="bigheading">last hope</div>
<div id="linkage"><a href="/">link1</a> // <a href="/">link2</a> // <a href="/">link3</a> // <a href="/">link4</a> // <a href="/">link5</a></div>
<div id="icon"><img class="icon" src="http://static.tumblr.com/6anaw8n/gNjn8bkv8/stiles__39_.png"></div>
<div id="heading">HEADING1;</div>
<div id="texty">
<b>Bold</b>. <i>Italic.</i> <u>Underline.</u> <a href="/">Link.</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at ligula vitae erat eleifend lobortis. Nam justo nibh, tempus eget sem eu, cursus porta tellus. Sed sed lectus at turpis venenatis sollicitudin. Curabitur fringilla nibh nec metus accumsan accumsan. Suspendisse laoreet sem quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed accumsan nisi sit amet condimentum congue. Phasellus lectus dui, bibendum commodo magna quis, egestas blandit ipsum. Cras laoreet sed tellus et consectetur.
</div>

<div id="heading">HEADING2;</div>
<div id="texty">
paragraph text goes here~
</div>

<div id="heading">HEADING3;</div>
<div id="texty">
paragraph text goes here~
</div>

<div id="heading">HEADING4;</div>
<div id="texty">
paragraph text goes here~
</div>

<div class="credit"><a href="http://spidermn.tumblr.com">cr.</a></div>

</body>
</html>