onyx

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!--change your title of the whole page here !-->
    <title>onyx</title>
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <style>
    /*change background color or image if desired*/
    body{
      background-color: black;
      background-image: url("sampleurl.jpg");
      text-align:center;
      color:gray;
      font-family: "Times new roman";
      font-weight: 100;
      }
    h2{
      font-weight:100;
      }
    ul, li{
      list-style-type:none;}
      /*change the style of the link index*/
    .index{
      width: 200px;
      margin:auto;
      background-color:gray;
      text-align:center;
      padding: 5px;
      font-variant:small-caps;}
    .index a:link {
      color: black;}
      /*change the link color*/
      a:link{
      color: gray;
      text-decoration:underline;}
      a:visited {
        color: gray;}
      .credit{
        font-size: 12px;
         position: absolute;
        bottom: 0;
        right: 0;}

    </style>
  </head>
  <body>
    <h2>PAGE TITLE</h2>
<div class="index">
<a href="/test.html">about</a> |
<a href="/test.html">interests</a> |
<a href="/test.html">ids</a> |
<a href="/test.html">blacklist</a></div>

    <p>This is a paragraph! Here's how you make a link: <a href="http://neocities.org">Neocities</a>.</p>

    <p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>

    <p>Here's how you can add an image:</p>
    <img src="http://geocities.ws/heart/header.gif">

    <p>Here's how to make a list:</p>

    <ul>
      <li>First thing</li>
      <li>Second thing</li>
      <li>Third thing</li>
    </ul>

    <p>To learn more HTML/CSS, check out these <a href="http://neocities.org/tutorials">tutorials</a>!</p>
    <p><a href="http://pastebin.com/BejyDND2">pastebin</a></p>
    <div class="credit">
    <a href="http://twitter.com/princesspcach" style="position:bottom left"> @peachie</a>
    </div>
  </body>
</html>