[Page] → About Me #01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<!--
THEME: ABOUT PAGE #01
BY: jyuubi.org / manatopia.org

Please do not redistribute or use to make your own!
You may edit whatever you please, but leave credit.
-->

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">
/* BODY */
body {
background-image: url('http://s5.postimage.org/oqs12e86r/aboutpage01_bg.png');
background-attachment: fixed;
background-color: #f4f3ef;
}

#container {
margin-left: 80px;
margin-top: 50px;
}

#image {
background-color: #ecebe7;
width: 200px;
height: 200px;
padding: 10px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
position: fixed;
z-index: 999;
}

#image img {
width: 200px;
height: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
}

/* CHANGE FOR HEADER */
#header {
background-color: #ecebe7;
position: fixed;
height: 50px;
width: 400px;
padding-right: 10px;
margin-left: 120px;
margin-top: 30px;
font-family: georgia;
font-size: 12px;
color: #d2ba72;
font-style: italic;
letter-spacing: 2px;
line-height: 50px;
text-align: right;
border-bottom: 1px dotted #d2ba72;
}

/* CHANGES FOR INFO */
#info {
width: 300px;
position: fixed;
margin-left: 225px;
margin-top: 90px;
font-family: calibri;
font-size: 10px;
color: #82817d;
letter-spacing: 1px;
text-align: justify;
}

#info b, strong {
color: #96afba;
}

#info i, em {
color: #c1ab68;
}

#info a {
color: #ad9179;
text-decoration: none;
}

#info h1 {
background-color: #cfdce9;
font-family: consolas;
font-size: 9px;
color: #fff;
text-transform: uppercase;
width: 300px;
height: 14px;
display: block;
line-height: 15px;
text-align: center;
letter-spacing: 1px;
font-weight: normal;
margin-bottom: 5px;
margin-top: 20px;
}

/* CREDIT */
#credit {
position: fixed;
bottom: 10px;
right: 10px;
font-family: calibri;
font-size: 8px;
text-transform: uppercase;
text-align: right;
letter-spacing: 1px;
}

#credit a {
color: #96afba;
text-decoration: none;
}
</style>
</head>
<body>

<div id="container">

<!-- IMAGE / TO CHANGE: CHANGE THE URL -->
<div id="image"><a href="/"><img src="http://s5.postimage.org/iecvsk54n/aboutpage01_side.png" border="0"></a></div>

<!-- THE HEADER -->
<div id="header">about yours truly</div>

<!-- START ABOUT INFO -->
<div id="info">
PUT YOUR INFORMATION HERE.

<h1>wanna put something here?</h1>
YOU CAN PUT NEAT STUFF HERE OR DELETE.
</div>
<!-- END ABOUT INFO -->

</div>

<!-- DO NOT REMOVE OR EDIT -->
<div id="credit">
<a href="http://jyuubi.org">&copy; jyuubi.org</a>
</div>

</body>
</html>