mockup for tute front page refresh. With tabs. Huzzah

src/site/docs/tutorials/add-elements/index.markdown

 ---
 layout: default
-title: "Target 3: Add Elements to the DOM"
+title: "Add Elements to the DOM"
 description: "You have an Element object, now what?"
 has-permalinks: true
 tutorial:
   id: add-elements
 next: remove-elements
 next-title: "Remove DOM Elements"
 prev: connect-dart-html
 prev-title: "Connect Dart & HTML"
 ---
 
@@ skipping 20 matching lines @@
   <li>
     <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target03/anagram"
        target="_blank">anagram</a>
   </li>
 </ul>
 
 {% endcapture %}
 
 {% capture content %}
 
+<div class="tute-target-title">
+<h1>{{page.title}}</h1>
+<h3>Dynamically add items to the browser page.</h3>
+</div>
+
 As you learned in the previous target,
 the DOM represents the structure
 of a web page document using a simple tree structure.
 Each node in the tree represents an item on the page.
 Each node in the tree keeps track of both
 its parent and its children.
 In Dart, the
 <a href="http://api.dartlang.org/dart_html/Node.html" target="_blank">Node</a>
 class contains the methods and properties
 that implement a node's tree functionality.
@@ skipping 325 matching lines @@
     You can find more information about the DOM and CSS in
     <a href="/docs/dart-up-and-running/">Dart Up and Running</a>,
     which also provides thorough coverage of the Dart language, 
     libraries, and tools.
   </li>
 </ul>
 
 {% endcapture %}
 
 {% include tutorial.html %}