doc change: Samples browsing first changes: Samples dir and file starters.

Change-Id: I6cc8c03bf4c2bcc771d4531619db5b3acd62601f
diff --git a/docs/html/samples/images/ActionBarCompat1.png b/docs/html/samples/images/ActionBarCompat1.png
new file mode 100644
index 0000000..64d3e66
--- /dev/null
+++ b/docs/html/samples/images/ActionBarCompat1.png
Binary files differ
diff --git a/docs/html/samples/images/ActionBarCompat2.png b/docs/html/samples/images/ActionBarCompat2.png
new file mode 100644
index 0000000..04a7e6c
--- /dev/null
+++ b/docs/html/samples/images/ActionBarCompat2.png
Binary files differ
diff --git a/docs/html/samples/index.jd b/docs/html/samples/index.jd
new file mode 100644
index 0000000..028fbe9
--- /dev/null
+++ b/docs/html/samples/index.jd
@@ -0,0 +1,77 @@
+page.title=Samples
+header.hide=1
+@jd:body
+
+<style>
+div.landing-cell,
+div.cell-icon {
+  height:150px;
+}
+div.cell-icon {
+  float:left;
+  margin-right:20px;
+}
+div.cell-icon img {
+  margin:0;
+}
+</style>
+
+<div class="landing-banner">
+        
+<div class="col-6" style="min-height:0">
+  <img src="{@docRoot}images/google/google-services.png" alt="" width="340" height="193" />
+</div>
+<div class="col-6">
+
+  <h1 itemprop="name" style="margin-bottom:0;">Samples</h1>
+  <p itemprop="description">Some intro here. Overview of Samples, where to get them,
+  links to related tools and SDK, and what's new in samples. </p>
+
+</div>
+</div>
+<div>&nbsp;</div>
+
+
+
+
+<div style="margin-top:10px">
+<div class="col-6 normal-links" style="margin-left:0">
+
+<div class="landing-cell">
+  <div class="cell-icon">
+  <img src="{@docRoot}images/google/maps-pin.png" width="40" >
+  </div>
+    <h4><a href="{@docRoot}google/play-services/maps.html"
+    >Google Maps</a></h4>
+    <p>The power of Google Maps is available to your app
+    with an embeddable map view. You can customize the map with
+    markers and overlays, control the user's perspective, draw lines
+    and shapes, and much more.</p>
+</div>
+
+</div><!-- col-6 -->
+
+
+
+
+<div class="col-6" style="margin-right:0">
+
+<div class="landing-cell">
+  <div class="cell-icon">
+    <img src="{@docRoot}images/google/iab-99c.png" width="40" />
+  </div>
+    <h4><a href="{@docRoot}google/play/billing/index.html"
+    >Google Play In-App Billing</a></h4>
+    <p>Build an app with a steady revenue stream that keeps users engaged
+    by offering new content or virtual goods directly in your app. All transactions are handled
+    by Google Play Store for a simple user experience.
+    </p>
+</div>
+  
+</div><!-- col-6 -->
+
+</div><!-- margin wrapper -->
+
+
+
+
diff --git a/docs/html/samples/samples_toc.cs b/docs/html/samples/samples_toc.cs
new file mode 100644
index 0000000..8fcd676
--- /dev/null
+++ b/docs/html/samples/samples_toc.cs
@@ -0,0 +1,23 @@
+
+<ul id="nav">
+
+<script type="text/javascript">
+<!--
+    buildToggleLists();
+    changeNavLang(getLangPref());
+//-->
+</script>
+  <li class="nav-section">
+    <div class="nav-section-header"><a href="/samples/index.html">
+      <span class="en">About the Samples</span></a>
+    </div>
+   
+  </li>
+
+  <li id="samples-tree-list" class="nav-section">
+    <div class="nav-section-header"><a href="/samples/index.html">
+      <span class="en">Root Node (remove)</span></a>
+    </div>
+  </li>
+  </ul>
+