Added landing pages for new samples

src/site/samples/dnd/index.markdown

Index: src/site/samples/dnd/index.markdown
diff --git a/src/site/samples/dnd/index.markdown b/src/site/samples/dnd/index.markdown
new file mode 100644
index 0000000000000000000000000000000000000000..1644971bdb879121741ba26e7cc1f2769276d149
--- /dev/null
+++ b/src/site/samples/dnd/index.markdown
@@ -0,0 +1,28 @@
+---
+layout: default
+title: HTML5 Drag and Drop
+live_example_url: example/index.html
+
+header:
+  css: ["/samples/samples.css"]
+---
+
+## {{ page.title }}
+
+A port of the Drag and Drop example used in the
+[Native HTML5 Drag and Drop](http://www.html5rocks.com/en/tutorials/dnd/basics/)
+article by Eric Bidelman, originally published on HTML5Rocks.
+
+HTML5 Drag and drop (DnD) is an event-based way of making an element draggable
+on a page. Native browser support for this feature means faster, more
+responsive web apps.
+
+Read the
+[source](https://github.com/dart-lang/dart-samples/tree/master/web/html5/dnd/basics).
+
+<iframe class="running-app-frame"
+        style="height:500px;width:100%;"
+        src="{{page.live_example_url}}">
+</iframe>
+
+See all [samples](/samples/).