About Page 01

<!DOCTYPE HTML>
<html>

<head>
<title>About Me</title>

<style type="text/css">

a {
    text-decoration: none
    color: white;
}

.photo {
    width: 100px;
    height: 100px;
    border: 3px double #ccc;
    padding: 3px;
    margin-top: 200px;
    margin-left: 10px;
}

.credit a {
    position: fixed;
    bottom: 10px;
    right: 12px;
    color: #333;
    font-size: 11px;
    text-decoration: none;
}

.infobox {
    width: 106px;
    padding: 10px 10px 6px 10px;
    border-bottom: 1px solid #ccc;
}

.title {
    font-family: georgia;
    font-size: 11px;
    font-style: italic;
    text-align: left;
    color: #ababab;
    text-transform: lowercase;
    font-weight: bold;
    padding-bottom: 4px;
    padding-left: 5px;
}

.answer {
    text-align: right;
    font-family: georgia;
    font-size: 11px;
    font-style: italic;
    color: #ababab;
    text-transform: lowercase;
    padding-right: 5px;
}

.content {
    width: 500px;
    overflow: auto;
    background: transparent;
    color: #777;
    text-align: justify;
    font-family: arial;
    height: 400px;
    font-size: 11px;
    padding: 0px 30px; 0px 30px;
    margin-top: 187px;
}

.links {
    background-color: #777;
    width: 500px;
    padding: 6px 0px 6px 0px;
    text-align: center;
    margin-left: 30px;
    margin-top: 15px;
    color: white;
    font-family: arial;
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 13px;
    letter-spacing: 2px;
}

.links a {
    color: white;
    text-decoration: none;
    margin-right: 7px;
}

.scroll::-webkit-scrollbar { width: 4px; background: #fff }
.scroll::-webkit-scrollbar-thumb { background: #aaa; }
.scroll::-webkit-scrollbar-corner { background: #aaa; }

</style>
</head>

<body>

<center>

<table><tr>

    <td valign="top">

        <div class="photo"><img src="image url here"></div>
        <div class="infobox"><div class="title">name</div><div class="answer">goes here</div></div>
        <div class="infobox"><div class="title">age</div><div class="answer">goes here</div></div>
        <div class="infobox"><div class="title">location</div><div class="answer">goes here</div></div>
        <div class="infobox"><div class="title">likes</div><div class="answer">go here</div></div>
        <div class="infobox"><div class="title">dislikes</div><div class="answer">go here</div></div>
        <div class="infobox"><div class="title">quote</div><div class="answer">goes here</div></div>

    </td>

    <td valign="top">
        <div class="content scroll">about info goes here

</div>

<div class="links"><a href="/">home</a> <a href="/ask">ask</a> <a href="/">link one</a> <a href="/">link two</a> <a href="/">link three</a></div>

    </td>

</tr></table>

</center>

</body>

<div class="credit"><a href="http://bisexualamy.tumblr.com/">▲▲▲</a></div>

</html>