added get started section

Esri · Oct 13, 2014 · f307932 · f307932
1 parent 43e24af
commit f307932
Showing 1 changed file with 18 additions and 8 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -19,6 +19,9 @@
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
+    <style>
+        .voffset20px {padding-top: 20px;}
+    </style>
 </head>
 
 <body>
@@ -56,50 +59,57 @@ <h2>TPK</h2>
     </div>
 
     <hr>
+<div class="container">
+    <div class="row">
+        <h1 id="examples" class="page-header">Get Started</h1>
+        <p class="lead">Go <a href="../demo/getstarted.html"> here</a> to try out basic step-by-step samples. </p>
+    </div>
+</div>
+
 </div> <!-- /container -->
 <div class="container">
     <div class="bs-docs-section">
         <h1 id="examples" class="page-header">Examples</h1>
-        <p class="lead">Use the following applications as building blocks. </p>
+        <p class="lead">Check out the following full-featured applications. </p>
         <div class="row bs-examples">
-            <div class="col-xs-6 col-md-4">
+            <div class="col-xs-4 col-md-4">
                 <a class="thumbnail" href="../samples/tiles-indexed-db.html">
                     <img src="images/tiles-demo-thumb.png">
                 </a>
                 <h3>Tiles Only</h3>
                 <p>Gives you an overview of the functionality related to storing and managing multiple layers of tiles.</p>
             </div>
-            <div class="col-xs-6 col-md-4">
+            <div class="col-xs-4 col-md-4">
                 <a class="thumbnail" href="../samples/draw-pointlinepoly-offline.html">
                     <img src="images/cop-demo-thumb.png">
                 </a>
                 <h3>Feature Editing</h3>
                 <p>This app shows how add, update and delete geographic features while offline and auto-resync when internet is reestablished. </p>
             </div>
-            <div class="col-xs-6 col-md-4">
+            <div class="col-xs-4 col-md-4">
                 <a class="thumbnail" href="../samples/attachments-editor.html">
                     <img src="images/attachments-demo-thumb.png">
                 </a>
                 <h3>Attachments</h3>
                 <p>Demonstrates working with geographic feature attachments such as images and associating them with a feature while offline.</p>
             </div>
         </div>
-        <div class="row bs-examples">
-            <div class="col-xs-6 col-md-4">
+        <div class="row bs-examples voffset20px">
+            <div class="col-xs-4 col-md-4">
                 <a class="thumbnail" href="../samples/tpk-layer.html">
                     <img src="images/tpk-demo-thumb.png">
                 </a>
                 <h3>TPK Only</h3>
                 <p>Shows how to integrate <a href="http://resources.arcgis.com/en/help/main/10.1/index.html#//006600000457000000">.tpk files</a> into your mapping app. Tile packages are a set of tile images from a map compressed into a single binary file.</p>
             </div>
-            <div class="col-xs-6 col-md-4">
+            <div class="col-xs-4 col-md-4">
                 <a class="thumbnail" href="../samples/appcache-features.html">
                     <img src="images/appcachefeatures-demo-thumb.png">
                 </a>
                 <h3>AppCache Features and Tiles</h3>
                 <p>This mobile feature editing demo is configured to maintain your edits and tiles after offline browser reloads and restarts.</p>
             </div>
-            <div class="col-xs-6 col-md-4">
+            <div class="col-xs-4 col-md-4">
                 <a class="thumbnail" href="../samples/appcache-tiles.html">
                     <img src="images/appcachetiles-demo-thumb.png">
                 </a>