About Page

<!--

About Page by Cai @speedsterkid

Do not remove credit, redistribute, steal from or use as a base.

Contact off Anon me if you have any questions or concerns.

Enjoy!

-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>YOUR TITLE</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<style type="text/css">
body {background-color: #e3f3fc; font-family:consolas; font-size:11px;}

ul{list-style-type:none; margin-left:-40px;}

li{padding:3px; border-bottom:1px solid #e3f3fc; margin-top:5px; text-align:right; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;}

li a:hover{letter-spacing:2px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;}

a{color:black; text-decoration:none; text-shadow:1px 1px 1px #bad8eb; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;}

#inhale{width:600px; height:450px; margin-left:200px; margin-top:150px; margin-left:auto; margin-right:auto;}

#me{width:250px; margin-left:0px; position:fixed;background-color:white; padding:10px; margin-top:34px;}

#tags{width:250px; margin-left:330px; position:fixed; background-color:white; padding:10px; margin-top:34px;}

#title{padding:10px; width:250px; border-bottom:1px solid black; background-color:white; position:fixed; margin-top:0px; margin-left:0px; border-top-left-radius:4px;border-top-right-radius:4px;}

#cred{position:fixed;bottom:5px;right:5px;font-size:11px;}
#cred a{text-decoration:none;}

</style></head><body>

<div id="inhale">

<div id="title">Representation of Me</div><div id="me">
<!--- PUT AN IMAGE THAT REPRESENTS YOU HERE --->
<center><img style="max-height:160px;" src="YOUR IMAGE GOES HERE"/></div></center>

<div style="margin-top:232px" id="title">About Me</div>
<div style="max-height:150px; overflow:auto; margin-top:266px" id="me">
<!--- WRITE YOUR ABOUT ME HERE --->
<p>Hey dude, this is an example paragraph, start each paragraph with that P in carrots you see to the side, and end it the same way, but with an extra slash at the front like this.</p>
</div>

<div style="margin-left:330px" id="title">Navigation</div>
<div id="tags">
<!--- WRITE YOUR TAGS HERE --->
Tagging System<ul style="margin-top:-5px;">
<li><a href="/tagged/example">Example</a></li>
<li><a href="/tagged/woah">Woah</a></li>
</ul>
<!--- WRITE YOUR LINKS HERE --->
Links
<p><a href="http://website.com">Link</a>, <a href="http://website.com">Linky</a>
</div>

<!--- LEAVE THIS BIT ALONE --->
<div id="cred"><a href="http://pastebin.com/u/winchesterkirk">Credit</a></div>

</div></body></html>