diff --git a/css/custom.css b/css/custom.css
index 2a1dbcc742..74bd613adb 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -60,7 +60,6 @@ color: #f09 !important;
 /* Brand Guidelines */
 
 .brand_guidelines .content-root {
-	margin: 0 auto;
 	padding: 0 !important;
 }
 
diff --git a/guidelines.html b/guidelines.html
index c0bbca82bf..2a92ed2a0e 100644
--- a/guidelines.html
+++ b/guidelines.html
@@ -1,48 +1,35 @@
 <!doctype html>
-<!--
-
-  Instructions:
-
-  - Save this file.
-  - Replace "ripple" with your GitHub ripplename.
-  - Replace "ripple-client" with your GitHub ripple-client name.
-  - Replace "Ripple Web Client" with Ripple Web Client name.
-  - Upload this file (or commit to GitHub Pages).
-
-  Customize as you see fit!
-
--->
-<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">
 
-    <title>Ripple Web Client</title>
+    <title>Ripple Dev Portal: Brand Guidelines</title>
 
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  
-    <script src="js/bootstrap-modal.js"></script>
+  <!-- favicon -->
+  <link rel="icon" href="favicon.ico" type="image/x-icon"> 
+  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
 
-    <!-- Custom Js -->
-    <script src="js/main.js"></script>
-    
+  <!-- Flatdoc -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+  <script src='https://dev.ripple.com/vendor/flatdoc/v/0.8.0/legacy.js'></script>
+  <script src='https://dev.ripple.com/vendor/flatdoc/v/0.8.0/flatdoc.js'></script>
+  
+   <!-- Bootstrap -->
+ 
+   <link href="css/bootstrap.min.css" rel="stylesheet">
+   <script src="js/bootstrap.min.js"></script>
 
+  <!-- Flatdoc theme -->
+  <link  href='https://dev.ripple.com/vendor/flatdoc/v/0.8.0/theme-white/style.css' rel='stylesheet'>
+  <script src='https://dev.ripple.com/vendor/flatdoc/v/0.8.0/theme-white/script.js'></script>
 
-    <script src='vendor/flatdoc/v/0.8.0/legacy.js'></script>
-    <script src='vendor/flatdoc/v/0.8.0/flatdoc.js'></script>
-
-    <!-- Flatdoc theme -->
-    <link  href='vendor/flatdoc/v/0.8.0/theme-white/style.css' rel='stylesheet'>
-    <script src='vendor/flatdoc/v/0.8.0/theme-white/script.js'></script>
-
-    <!-- Meta -->
-    <meta content="Ripple Web Client" property="og:title">
-    <meta content="Ripple Web Client description goes here." name="description">
-
-    <!-- Custom Stylesheet -->
-    <link href='https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
-    <link  href='css/main.css' rel='stylesheet'>
-    <link  href='css/custom.css' rel='stylesheet'>
+  <!-- Custom Stylesheet -->
+  <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
+  <link  href='https://dev.ripple.com/css/main.css' rel='stylesheet'>
+  <link  href='css/custom.css' rel='stylesheet'>
 
     <!-- Custom Js -->
   <!-- start Mixpanel -->
@@ -65,26 +52,31 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 </head>
 <body class="brand_guidelines" role='flatdoc'>
 
-    <div class='header'>
-        <div class='left'>
-          <h1>{<i class="icon-ripple-logo"></i>}</h1>
-          <ul>
-        <li><a href='index.html'>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 class="active"><a href='#'>Brand Guidelines</a></li>
-        <li><a href='https://www.bountysource.com/teams/ripple/bounties'target='_blank'>Bounties</a></li>               
+ 	<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>
-
-          <a href="" class="header-menu-button">
-             &nbsp;
-          </a>
-
-        </div>
-        <div class='right'>
-              <!-- GitHub buttons: see http://ghbtns.com 
-<iframe src="/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 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='content-root  guidelines-content'>
@@ -397,6 +389,70 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
         </div>
       </div>
     </div>
+<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="ripple-rest.html">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="rippled-apis.html">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="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>
+				<label for="mce-EMAIL">Email address</label>
+					<!-- 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>
 
+					<!--End mc_embed_signup-->
+				</div>
+      		</div>
+        </p>
+      </div>
+    </div>
 </body>
 </html>
diff --git a/index.html b/index.html
index 167a61eee0..be1bafcbcc 100644
--- a/index.html
+++ b/index.html
@@ -91,20 +91,20 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
        		 <div class="col-md-6">
         		<p class="main_callout">Ripple is a protocol and distributed network for value exchange. You can issue value onto the Ripple Network by building a gateway or integrating your existing payment system with the Ripple network. If you'd like to build apps that allow people to exchange value you'll want to look at <a target="_blank" href="http://www.xrpga.org/gateways.html">existing gateways.</a></p>
       		 	<p class="join">Join the mailing list!</p>
-      		 	<p>Email Address</p>
+      		 	<label for="mce-EMAIL2">Email Address</label>
       		 	<!-- 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">
+					<div id="mc_embed_signup_welcome">
 					<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>
+						<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL2" 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;"><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">
+						<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe2" class="button btn btn-primary">
 					</form>
 					</div>
 
@@ -225,7 +225,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 					
 						<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="ripple-rest.html">Ripple REST</a>
 							<li><a href="https://github.com/ripple/ripple-lib">Ripple Lib</a>
 						</ul>
 				
@@ -233,7 +233,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 				<div class="col-md-2">
 					
 						<ul class="footer_links core_network">
-							<li><a href="http://dev.ripple.com/?p=websocket">rippled</a>
+							<li><a href="rippled-apis.html">rippled</a>
 						</ul>
 				
 				</div>
@@ -241,7 +241,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 						<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="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>
@@ -250,7 +250,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 				</div>
 				<div class="col-md-4">
 				<p>Join the mailing list!</p>
-				<p>Email address</p>
+				<label for="mce-EMAIL">Email address</label>
 					<!-- Begin MailChimp Signup Form -->
 						<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
 						<style type="text/css">
@@ -280,4 +280,4 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
     <!-- Include all compiled plugins (below), or include individual files as needed -->
     <script src="js/bootstrap.min.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/ripple-rest.html b/ripple-rest.html
index 0ddaa82a54..2f9e33137e 100644
--- a/ripple-rest.html
+++ b/ripple-rest.html
@@ -5,7 +5,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width">
 
-  <title>Ripple Developer Portal: Introduction</title>
+  <title>Ripple Developer Portal: Ripple-REST</title>
 
   <!-- favicon -->
   <link rel="icon" href="favicon.ico" type="image/x-icon"> 
@@ -132,7 +132,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 					
 						<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="ripple-rest.html">Ripple REST</a>
 							<li><a href="https://github.com/ripple/ripple-lib">Ripple Lib</a>
 						</ul>
 				
@@ -140,7 +140,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 				<div class="col-md-2">
 					
 						<ul class="footer_links core_network">
-							<li><a href="http://dev.ripple.com/?p=websocket">rippled</a>
+							<li><a href="rippled-apis.html">rippled</a>
 						</ul>
 				
 				</div>
@@ -148,7 +148,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 						<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="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>
@@ -157,7 +157,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 				</div>
 				<div class="col-md-4 mail_chimp">
 				<p>Join the mailing list!</p>
-				<p>Email address</p>
+				<label for="mce-EMAIL">Email address</label>
 					<!-- Begin MailChimp Signup Form -->
 						<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
 						<style type="text/css">
diff --git a/rippled-apis.html b/rippled-apis.html
index 0f9b46dd69..31af4fd46f 100644
--- a/rippled-apis.html
+++ b/rippled-apis.html
@@ -5,7 +5,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width">
 
-  <title>Ripple Developer Portal Rippled API's</title>
+  <title>Ripple Developer Portal: rippled APIs</title>
 
   <!-- favicon -->
   <link rel="icon" href="favicon.ico" type="image/x-icon"> 
@@ -28,7 +28,7 @@
   <!-- Custom Stylesheet -->
   <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
   <link href='https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
-  <link  href='https://dev.ripple.com/css/main.css' rel='stylesheet'>
+  <link  href='css/main.css' rel='stylesheet'>
   <link  href='css/custom.css' rel='stylesheet'>
   
   <!-- start Mixpanel -->
@@ -135,7 +135,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 					
 						<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="ripple-rest.html">Ripple REST</a>
 							<li><a href="https://github.com/ripple/ripple-lib">Ripple Lib</a>
 						</ul>
 				
@@ -143,7 +143,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 				<div class="col-md-2">
 					
 						<ul class="footer_links core_network">
-							<li><a href="http://dev.ripple.com/?p=websocket">rippled</a>
+							<li><a href="rippled-apis.html">rippled</a>
 						</ul>
 				
 				</div>
@@ -151,7 +151,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 						<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="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>
@@ -160,7 +160,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
 				</div>
 				<div class="col-md-4 mail_chimp">
 				<p>Join the mailing list!</p>
-				<p>Email address</p>
+				<label for="mce-EMAIL">Email address</label>
 					<!-- Begin MailChimp Signup Form -->
 						<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
 						<style type="text/css">
@@ -184,4 +184,4 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
       </div>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
