diff --git a/demo/api-doc.html b/demo/api-doc.html
index 5b3010d..a22b559 100644
--- a/demo/api-doc.html
+++ b/demo/api-doc.html
@@ -56,36 +56,13 @@
     <img style="position: absolute; top: 50; right: 0; border: 0; width:150px;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub">
 </a>
 
-<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-    <div class="container">
-        <div class="navbar-header">
-            <a class="navbar-brand-title" href="index.html">Offline-editor-js</a>
-        </div>
-        <div class="collapse navbar-collapse">
-            <ul class="nav navbar-nav">
-                <li class="active dropdown" id="basemapList">
-                    <a href="" class="dropdown-toggle" data-toggle="dropdown">Get Started <span class="caret"></span></a>
-                    <ul class="dropdown-menu" role="menu" id="myDropdown">
-                        <li><a href="getstarted-tiles.html">Tiled Maps</a></li>
-                        <li class="divider"></li>
-                        <li><a href="getstarted-agol.html">ArcGIS.com Maps</a></li>
-                        <li class="divider"></li>
-                        <li><a href="getstarted-editing.html">Editing</a></li>
-                        <li class="divider"></li>
-                        <li><a href="getstarted-tpk.html">TPKs</a></li>
-                    </ul>
-                </li>
-                <li><a href="api-doc.html">API Docs</a></li>
-            </ul>
-        </div>
-    </div>
-</div>
+<header id="header"></header>
 
 <!-- Main jumbotron for a primary marketing message or call to action -->
 <div class="jumbotron">
     <div class="container">
         <h1>API Docs</h1>
-        <p>Documentation for the offline JavaScript libraries in this repo.</p>
+        <p>Documentation for the <i>offline-editor-js</i> JavaScript libraries.</p>
     </div>
 </div>
 
@@ -172,12 +149,17 @@
     </div><!-- class="col-sm-12 col-md-12 col-lg-12" -->
     <hr>
 </div> <!-- /container -->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+<script>
 
+    $(document).ready(function() {
+        $("#header").load("../demo/header.html");
+    });
+</script>
 
 <!-- Bootstrap core JavaScript
 ================================================== -->
 <!-- Placed at the end of the document so the pages load faster -->
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 <!-- add syntax highlighting to code snippts -->
 <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>