diff --git a/ripple-rest.html b/ripple-rest.html
index 4e8d86810f..ab2c502150 100644
--- a/ripple-rest.html
+++ b/ripple-rest.html
@@ -54,7 +54,9 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
   <!-- syntax selection js -->
   <script src='js/multicodetab.js'></script>
   <script>
-    $(document).on('flatdoc:ready', $().multicode_tabs);
+    Flatdoc.run({
+      fetcher: Flatdoc.file('ripplerest_api.md')
+    });
   </script>
   <!-- Temporary shims until I modify the css directly -->
   <link type='text/css' rel='stylesheet' href='css/mod.css' />
@@ -62,60 +64,116 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
   
 </head>
 <body role='flatdoc' class='no-literate'>
-<script type='text/javascript'>if (window.location.host != "dev.ripple.com") {
-  document.write("<div style='background-color: #d55;position:fixed;top:0;right:150px; color:white;padding:1em;font-size:15pt;z-index:1000;'>Draft</div>");}</script>
-  <div class='header'>
-    <div class='left'>
-      <h1>{<i class="icon-ripple-logo"></i>}</h1>
-      <ul>
-        <li class="active"><a href='#'>Documentation</a></li>
-        <li><a href='https://ripple.com/dev/blog'>Developer blog</a></li>
-        <li><a href='https://ripple.com/forum/viewforum.php?f=2&sid=c016bc6b934120b7117c0e136e74de98' target='_blank'>Developer Forum</a></li>
-        <li><a href='guidelines.html'>Brand Guidelines</a></li>
-        <li><a href='https://www.bountysource.com/teams/ripple/bounties' target='_blank'>Bounties</a></li>  
-      </ul>
-    </div>
-    <div class='right'>
-      <!-- GitHub buttons: ghbtn.html -->
-      <iframe src="https://dev.ripple.com/vendor/ghbtn.html?user=ripple&amp;repo=ripple-dev-portal&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
-    </div>
-  </div>
-  <div class="header-subnav-wrapper">
-      <div class="header-subnav">
-        <ul>
-
-        </ul>
-        <div class='clearer'>&nbsp;</div>
+<!--Draft warning would go here-->
+ 	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="https://dev.ripple.com/"><img class="small_logo" src="assets/img/ripple_logo_small.png"></a>
+        </div>
+        <div class="navbar-collapse collapse">
+          <ul class="nav navbar-nav">
+			<li class="active"><a href="/">Resources</a></li>
+            <li><a href="https://www.bountysource.com/teams/ripple/bounties">Bounties</a></li>
+            <li><a href="https://ripplelabs.atlassian.net/">Bug Tracking</a></li>
+            <li><a href="https://ripple.com/dev/blog/">Dev Blog</a></li>
+            <li><a href="https://ripple.com/forum/viewforum.php?f=2&sid=c016bc6b934120b7117c0e136e74de98">Forums</a></li>
+          </ul>
+          	<div class='right'>
+		 	 <!-- GitHub buttons -->
+		 		 <iframe src="https://dev.ripple.com/vendor/ghbtn.html?user=ripple&repo=ripple-dev-portal&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
+			</div>
+        </div><!--/.nav-collapse -->
       </div>
+    </div>
+<!-- 
+  <div class="header-subnav-wrapper">
+  <div class='header-subnav navbar-fixed-top'>
+    <ul>
+        <li><a href='?p=introduction' id='subnav-intro'>Introduction</a></li>
+        <li><a href='?p=ripple-rest-api' id='subnav-rest'>Ripple-REST API</a></li>
+        <li><a href='?p=web-sockets-api' id='subnav-websocket'>WebSocket &amp; JSON-RPC APIs</a></li>
+    </ul>
+    <div class='clearer'>&nbsp;</div>
   </div>
+</div>
+ -->
   <div class='content-root'>
     <div class='menubar'>
       <div class='menu section' role='flatdoc-menu'></div>
     </div>
-    <div role='flatdoc-content' class='content'></div>
+    <div role='flatdoc-content' class='content'>
+    </div>
   </div>
-  
-  <!-- Initializer -->
-  <script src='js/toc.js' type='text/javascript'></script>
-  <script type='text/javascript'>
-    var GET_VARS = window.location.search.replace("?","").split("&");
-    var doc_to_load = toc[0]; // Default
-    for (i=0; i < toc.length; i+=1) {
-        //Create a link in the sub-nav. TEMPORARY UNTIL BREADCRUMBS
-        //Note: this doesn't work if this script is in the header, before the HTML it modifies
-        $(".header-subnav ul").append("<li><a href='?p="+toc[i].slug+"' id='subnav-"+toc[i].slug+"'>"+toc[i].title+"</a></li>");
+<div class="footer">
+      <div class="container">
+        <p class="text-muted">
+        	<div class="row">
+				<div class="col-md-2">
+					
+						<ul class="footer_links applications">
+							<li><a href="https://www.rippletrade.com">Ripple Trade</a>
+							<li><a href="https://www.ripplecharts.com">Ripple Charts</a>
+							<li><a href="https://ripple.com/graph">Ripple Graph</a>
+							<li><a href="http://codius.org/">Codius</a>
+						</ul>
+				</div>
+				<div class="col-md-2">
+					
+						<ul class="footer_links middleware">
+							<li><a href="https://github.com/ripple/gatewayd">Gatewayd</a>
+							<li><a href="http://dev.ripple.com/?p=ripple-rest">Ripple REST</a>
+							<li><a href="https://github.com/ripple/ripple-lib">Ripple Lib</a>
+						</ul>
+				
+				</div>
+				<div class="col-md-2">
+					
+						<ul class="footer_links core_network">
+							<li><a href="http://dev.ripple.com/?p=websocket">rippled</a>
+						</ul>
+				
+				</div>
+				<div class="col-md-2">
+						<ul class="footer_links bounties">
+							<li><a href="https://www.bountysource.com/teams/ripple/bounties">Bounties</a>
+							<li><a href="https://ripplelabs.atlassian.net/">Bug tracking</a>
+							<li><a href="https://dev.ripple.com/guidelines.html">Brand guidelines</a>
+							<li><a href="https://ripple.com/dev/blog/">Dev blog</a>
+							<li><a href="https://ripple.com/forum/viewforum.php?f=2&sid=c016bc6b934120b7117c0e136e74de98">Forums</a>
+							<li><a href="https://ripple.com/wiki/Main_Page">Wiki</a>
+						</ul>
+				
+				</div>
+				<div class="col-md-4 mail_chimp">
+				<p>Join the mailing list!</p>
+				<p>Email address</p>
+					<!-- Begin MailChimp Signup Form -->
+						<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
+						<style type="text/css">
+							#mc_embed_signup{clear:left; font:14px; }
+	
+						</style>
+						<div id="mc_embed_signup">
+						<form action="//ripple.us4.list-manage.com/subscribe/post?u=245dbc1c47849f034390dc5bf&amp;id=4dfbe160d0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+	
+							<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="" required>
+							<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+							<div style="position: absolute; left: -5000px; top: -50px;"><input type="text" name="b_245dbc1c47849f034390dc5bf_4dfbe160d0" tabindex="-1" value=""></div>
+							<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe" class="button btn btn-primary">
+						</form>
+						</div>
 
-        if (GET_VARS.indexOf("p="+toc[i].slug)>-1) {
-            doc_to_load = toc[i];
-            $("#subnav-"+toc[i].slug).addClass("active");
-        }
-    }
-    //Now actually load it
-    document.title = doc_to_load.title + " - Ripple Dev Portal";
-    
-    Flatdoc.run({
-      fetcher: Flatdoc.file(doc_to_load.file)
-    });
-  </script>
+					<!--End mc_embed_signup-->
+				</div>
+      		</div>
+        </p>
+      </div>
+    </div>
 </body>
 </html>
