diff --git a/640cplusplus.html b/640cplusplus.html
index ba9a2e3..50b54a7 100644
--- a/640cplusplus.html
+++ b/640cplusplus.html
@@ -5,7 +5,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width">
 
-  <title>Dark Water</title>
+  <title>640 - Programming in C++ | Dark Water</title>
 
   <!-- Flatdoc -->
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
diff --git a/readme.md b/readme.md
index 9fb546f..db79461 100644
--- a/readme.md
+++ b/readme.md
@@ -50,3 +50,4 @@ We've put together a few tutorials to help you build functioning robots that you
 
 - [Building the GrassShark]() coming soon
 - [Building the Buggy]() coming soon
+- [Building the quadcopter](/tutorial-quad.html) Building and flying a quad-copter with the ESCAPE board.
diff --git a/tutorial-quadcopter.html b/tutorial-quadcopter.html
new file mode 100644
index 0000000..e51db4a
--- /dev/null
+++ b/tutorial-quadcopter.html
@@ -0,0 +1,70 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset='utf-8'>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width">
+
+  <title>Tutorial - Building the Quadcopter | Dark Water</title>
+
+  <!-- Flatdoc -->
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+  <script src='/flatdoc/legacy.js'></script>
+  <script src='/flatdoc/flatdoc.js'></script>
+
+  <!-- Flatdoc theme -->
+  <link  href='/flatdoc/theme-dark/style.css?1' rel='stylesheet'>
+  <script src='/flatdoc/theme-dark/script.js?1'></script>
+  <!-- Extra theme bits -->
+  <link  href='/flatdoc/support/theme.css' rel='stylesheet'>
+  <!-- <script src='/flatdoc/support/theme.js'></script> -->
+
+  <!-- Highlight.js --> 
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/monokai-sublime.min.css">
+  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
+
+  <!-- Meta -->
+  <meta content="Dark Water" property="og:title">
+  <meta content="Dark Water Foundation documentation." name="description">
+
+  <!-- Initializer -->
+  <script>
+    Flatdoc.run({
+      fetcher: Flatdoc.github('darkwaterfoundation/docs', 'quadcopter.md')
+    });
+
+    $(document).on('flatdoc:ready', function() {
+      // Highlight all the codes
+      $('pre code').each(function(i, block) {
+        hljs.highlightBlock(block);
+      });
+    });  
+  </script>
+</head>
+<body role='flatdoc' class='large-brief'>
+
+  <div class='header'>
+    <div class='left'>
+      <h1><a href='/index.html'>Dark Water Documentation</a></h1>
+      <ul>
+      	<li><a href='/640gettingstarted.html'>640</a></li>
+        <li><a href='/escapegettingstarted.html'>ESCAPE</a></li>
+        <!--<li><a href='/soar.html'>Soar</a></li>-->
+        <li><a href='/expansionadding.html'>Expansions</a></li>
+      </ul>
+    </div>
+    <div class='right'>
+      <!-- GitHub buttons: see http://ghbtns.com -->
+      <iframe src="//ghbtns.com/github-btn.html?user=darkwaterfoundation&amp;repo=docs&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
+    </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>
+
+</body>
+</html>
