Re-configured samples page.

src/site/samples/anagram/index.markdown

Index: src/site/samples/anagram/index.markdown
diff --git a/src/site/samples/anagram/index.markdown b/src/site/samples/anagram/index.markdown
new file mode 100644
index 0000000000000000000000000000000000000000..cf1fd3c67da572a1d997994ec70f4550d8b322bc
--- /dev/null
+++ b/src/site/samples/anagram/index.markdown
@@ -0,0 +1,29 @@
+---
+layout: default
+title: Moving elements within the DOM tree
+live_example_url: /docs/tutorials/add-elements/examples/anagram/anagram.html">
+header:
+  css: ["/samples/samples.css"]
+---
+
+## {{ page.title }}
+
+Form a word by clicking the letter tiles.
+
+This app shows how to programmatically move an element on the page.
+
+To move an element on the page, change its parent element. An element can have
+only one parent, so changing the parent moves the element in the DOM tree. In
+this example, when you click on a tile, the click handler changes the tile’s
+parent.
+
+Read this [tutorial](/docs/tutorials/add-elements/#moving-elements) for
+more detail, or read the
+[source](https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/anagram).
+
+<iframe class="running-app-frame"
+        style="height:400px;width:40%;"
+        src="{{page.live_example_url}}">
+</iframe>
+
+See all [samples](/samples/)