about.html

<!DOCTYPE html>
<html>

<head>
  <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Playfair+Display|Josefin+Sans|Josefin+Slab|Kreon|Nova+Mono|Volkhov'
    rel='stylesheet' type='text/css'>
  <link rel="icon" type="image/x-icon" href="static/images/favicon.png" />
  <title>Arthur Elliott</title>
  <style>
    .profile {
      text-align: center;
      padding-left: 5px;
    }

    .profile ul {
      text-align: left;
      list-style: none;
      margin-top: 10px;
    }

    .profile li a {
      padding-left: 6px;
      color: #333333;
    }

    .profile a {
      color: #333333;
    }

    .profile h3 {
      font-family: 'Volkhov', serif;
      font-size: 18px;
      font-weight: 300;
    }

    .profile h4 a:hover {
      text-decoration: none;
    }
  </style>
</head>

<body>
  <div class="row">
    <div class="span2 profile">
      <h3>
        <a href="https://clownpriest.org">ARTHUR ELLIOTT</a>
      </h3>
      <a href="https://clownpriest.org">
        <img alt="" src="static/images/clownpriest.jpeg" />
      </a>
      <ul>
        <li>
          <i class="fa fa-circle-o"></i>
          </i>
          <a href="about.html">About</a>
        </li>
        <li>
          <i class="fa fa-github"></i>
          </i>
          <a href="https://github.com/clownpriest">Code</a>
        </li>
        <li>
          <i class="fa fa-folder"></i>
          <a href="posts.html">Posts</a>
        </li>
        <li>
          <i class="fa fa-envelope-o"></i>
          <a href="mailto:clownpriest@gmail.com">Email</a>
        </li>

      </ul>
    </div>
  </div>

  <div class="span7">
  </div>


</body>

</html>