Site

<!doctype html>
<html>

    <link href="/normalize.css" rel="stylesheet">
    <meta charset="utf-8">
    <title>Your Awesome Webpage created on Wed, Dec 4 2013 2:29 PM</title>
    <head>
    <style>
    header
    {
      background-image:url("http://dash.ga.co/assets/jeff-bg.png");
      background-size: cover;
      color:white;
      text-align:center;
        padding-top:40px
    }
    ul
    {
      margin-top:40px;
      background:rgba(0,0,0,0.5);
      padding:4px;
    }
    li
    {
      display:inline;
      padding:0px 10px 3px 40px;
      margin:10px;
    }
    h1
    {
      font-size:40px;
        padding-bottom:40px
    }
    a
    {
      font-family:arial;
      font-size:15px;
      color:white;
    }
    h2
      {
        text-align:center;
        font-family: fatoma;

      }
      article
      {
        max-width:500px;
        text-align:center;
        display:block;
        padding:20px;
        margin: 0 auto;
        font-family:fatoma;

      }
      img
      {
      margin: 40px 0px 0px 0px;
      border: 7px solid white;
      border-radius: 20px;

    </style>
    </head>
  <body>
    <header>
      <img src="http://i.minus.com/jedFDfadnYJdO.jpg">
      <h1> James Website</h1>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Projects</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </header>
    <article>
      <h2>This serves absolutley no purpose!</h2>
      This Serves even less purpose because it doesn't mean anything. This is just me writing a longer sentence just to see what it does.
    </article>
    <article>
      <h2>Why Doesn't this serve any purpose</h2>
      What am I even doing.
    </article>

  </body>