appropriating Shailen's excellent Futures intro into tutorial

src/site/docs/tutorials/index.markdown

Index: src/site/docs/tutorials/index.markdown
diff --git a/src/site/docs/tutorials/index.markdown b/src/site/docs/tutorials/index.markdown
index 87f3749ef8b970535d06eaf7e12f5444f1c41c22..83e8d50b78c9efef1d2851951e33890fcea14944 100644
--- a/src/site/docs/tutorials/index.markdown
+++ b/src/site/docs/tutorials/index.markdown
@@ -37,6 +37,7 @@ from left to right...or choose just the ones you need.
     <li><a href="#dom" data-toggle="tab">Browser</a></li>
     <li><a href="#packages" data-toggle="tab">Packages</a></li>
     <li><a href="#polymer" data-toggle="tab">Polymer</a></li>
+    <li><a href="#futures" data-toggle="tab">Futures</a></li>
     <li><a href="#forms" data-toggle="tab">Forms & Data</a></li>
     <!--<li><a href="#mobile" data-toggle="tab">Mobile</a></li>-->
   </ul>
@@ -180,6 +181,24 @@ from left to right...or choose just the ones you need.
       </div>
     </div>
 
+  <!-- FUTURES & STREAMS TAB -->
+    <div class="tab-pane" id="futures">
+      <div class="row">
+
+        <div class="col-md-6">
+          <section>
+          <h4 class="no-permalink"><a href="futures/"><img src="images/target.png" height="20" width="20">&nbsp;Use Future-Based APIs</a></h4>
+          <p>A first look at Futures.</p>
+          <img src="futures/images/futurescode.png" width="350">
+          </section>
+        </div>
+
+        <div class="col-md-6">
+        </div>
+
+      </div>
+    </div>
+
   <!-- FORMS TAB -->
     <div class="tab-pane" id="forms">