--- a
+++ b/docs/header.html
@@ -0,0 +1,54 @@
+<div id="top">
+  <div class="container">
+    <!--=== Skip links ===-->
+    <div id="skip"> <a href="#content" onClick="$('#content').focus()">Skip to content</a> </div>
+    <!-- /Skip links -->
+  </div>
+</div>
+<div id="brandbar">
+  <div class="container"> <a href="http://www.stanford.edu"> <img src="lagunita/images/brandbar-stanford-logo%402x.png" alt="Stanford University" width="152" height="23"> </a> </div>
+  <!-- .container end -->
+</div>
+<div id="header" class="clearfix" role="banner">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-8">
+        <div id="logo" class=" clearfix"><a href="/"><img class="img-responsive" src="SU_Seal_Red.png" alt="Stanford University" /></a></div>
+        <div id="signature">
+          <div id="site-name"> <a href="/"><span id="site-name-1" style="font-size:20pt">CS 221: Artificial Intelligence: Principles and Techniques</span></a> </div>
+          <div id="site-slogan"> <a href="/"><span id="site_slogan">Spring 2017-2018</span></a> </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- Menu -->
+<div id="mainmenu" class="clearfix" role="navigation">
+  <div class="container">
+    <div class="navbar navbar-default">
+      <!-- main navigation -->
+      <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="menu-text">Menu</span></button>
+      <!-- /nav-collapse -->
+      <div class="navbar-collapse collapse">
+        <div  role="navigation">
+          <div id="primary-nav">
+            <ul class="nav navbar-nav" aria-label="primary navigation">
+              <li id="nav-1"> <a href="index.html">Home</a> </li>
+              <li id="nav-1"> <a href="index.html#calendar">Calendar</a> </li>
+              <li id="nav-1"> <a href="index.html#coursework">Coursework</a> </li>
+              <li id="nav-1"> <a href="https://gradescope.com/courses/17217">Gradescope</a> </li>
+              <li id="nav-1"> <a href="https://piazza.com/class/jfa5tlzb1me38q">Piazza</a> </li>
+              <li id="nav-1"> <a href="project.html">Project</a> </li>
+              <li id="nav-1"> <a href="http://queuestatus.com/queues/129">Queuestatus</a> </li>
+              <li id="nav-1"> <a href="index.html#schedule">Schedule</a> </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- /nav-collapse -->
+    </div>
+    <!-- /navbar -->
+  </div>
+  <!-- /container -->
+</div>
+<!-- /mainmenu -->