index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <link rel="stylesheet" href="assets/css/zx/stylesheet.css">
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/screen.css">

  <title>Skiff Info</title>
</head>

<body>
  <!-- Main container -->
  <div role="main" id="main">
   <h1>Skiff BBS 1.0</h1>
   <div class="column logged-on">
   <h2>Logged On</h2>
   <p>
   People currently logged on to the skiff.
   </p>
   <ul class="status">
    <li class="available">...</li>
   </ul>
   </div>
  <div class="column incoming">
   <h2>Incoming</h2>
   <p>Up and coming events at the skiff.</p>
   <ul>
     <li><span class="date">Tonight</span> <span class="title">Async.js</span><p>Promises Promises</p></li>
     <li><span class="date">Friday</span> <span class="title">Skiff Hack</span><p>An afternoon of awesome hacking to make the skiff better</p></li>
   </ul>
  </div>
  <div class="column status">
   <h2>System Status</h2>
   <p>This weeks sysop/captain is
    <ul class="status">
      <li class="available">Unknown</li>
   </ul>

   </p>
  </div>
</div>
  <script src="assets/js/libs/jquery.js"></script>
  <script src="assets/js/application.js"></script>
</body>

</html>