[Extension Docs]Get Started Tutorial Screen Shot Update

Extensions management page has a new UI.
Current screen shots of page are outdated.
This CL updates the screen shots in the Get Started Tutorial
to match the new UI.

Bug: 824766
Change-Id: Ie7028dbbe44663eaabf56fec2356c42ac7fbe102
Reviewed-on: https://chromium-review.googlesource.com/975664Reviewed-by: Devlin <rdevlin.cronin@chromium.org>
Commit-Queue: Crystal Lambert <crystallambert@chromium.org>
Cr-Commit-Position: refs/heads/master@{#545084}

chrome/common/extensions/docs/templates/articles/getstarted.html

@@ -64,15 +64,16 @@
     </ul>
   </li>
   <li>
-    Enable Developer Mode by checking the box next to <strong>Developer mode</strong>.
+    Enable Developer Mode by clicking the toggle switch
+    next to <strong>Developer mode</strong>.
   </li>
   <li>
-    Click the <strong>Load unpacked extension...</strong> button
+    Click the <strong>LOAD UNPACKED</strong> button
     and select the extension directory.
   </li>
 </ol>
 <img src="{{static}}/images/get_started/load_extension.png"
-  height="200"
+  height="300"
   alt="Load Extension" />
 <p>
   Ta-da!
@@ -161,7 +162,7 @@
   with a blue link, <strong>background page</strong>.
 </p>
 <img src="{{static}}/images/get_started/view_background.png"
-  height="200"
+  height="300"
   alt="Inspect Views" />
 <p>
   Click the link to view the background script's console log,
@@ -467,11 +468,18 @@
   }
 </pre>
 <p>
-  Reload the extension then select the new options link to view the page,
+  Reload the extension and click <strong>DETIALS</strong>.
+</p>
+<img src="{{static}}/images/get_started/click_detials.png"
+  height="300"
+  alt="Inspect Views" />
+<p>
+  Scroll down the detials page and select <strong>Extension options</strong>
+  to view the options page,
   although it will currently appear blank.
 </p>
 <img src="{{static}}/images/get_started/options.png"
-  height="200"
+  height="500"
   alt="Inspect Views" />
 <p>
  Last step is to add the options logic.