ChromeOS: Implement minumal material design OOBE.

chrome/browser/resources/chromeos/login/oobe_screen_network.html

Index: chrome/browser/resources/chromeos/login/oobe_screen_network.html
diff --git a/chrome/browser/resources/chromeos/login/oobe_screen_network.html b/chrome/browser/resources/chromeos/login/oobe_screen_network.html
index ffa420c28d2ede6d2e622499fd54305ef7afd0d8..982daee2544dc74a1ef03d8cb659b363817c93b5 100644
--- a/chrome/browser/resources/chromeos/login/oobe_screen_network.html
+++ b/chrome/browser/resources/chromeos/login/oobe_screen_network.html
@@ -1,45 +1,57 @@
+<!-- Copyright 2016 The Chromium Authors. All rights reserved.
+     Use of this source code is governed by a BSD-style license that can be
+     found in the LICENSE file. -->
+
 <div class="step hidden animated" id="connect" role="group" hidden>
-  <div class="step-contents">
-    <div id="welcome-message" i18n-content="networkScreenGreeting">
+  <div id="oobe-poly-connect">
+    <div class="step-contents">
+      <oobe-welcome-md id="oobe-welcome-md" class="fit"></oobe-welcome-md>
     </div>
-    <div class="control-with-label">
-      <label for="language-select" i18n-content="selectLanguage"
-             class="label"></label>
-      <div class="menu-area">
-        <select id="language-select" class="menu-control"></select>
+  </div>
+  <div id="oobe-connect">
+    <div class="step-contents">
+      <div id="welcome-message" i18n-content="networkScreenGreeting">
       </div>
-    </div>
-    <div class="control-with-label">
-      <label for="keyboard-select" i18n-content="selectKeyboard"
-             class="label"></label>
-      <div class="menu-area">
-        <select id="keyboard-select" class="menu-control"></select>
+      <div class="control-with-label">
+        <label id="language-select-label" i18n-content="selectLanguage"
+               class="label"></label>
+        <div class="menu-area" aria-labelledby="language-select-label">
+          <select id="language-select" class="menu-control"></select>
+        </div>
       </div>
-    </div>
-    <div class="control-with-label" id="network-timezone-setting">
-      <label for="timezone-select" i18n-content="selectTimezone"
-             class="label"></label>
-      <div class="menu-area">
-        <select id="timezone-select" class="menu-control"></select>
+      <div class="control-with-label">
+        <label id="keyboard-select-label" i18n-content="selectKeyboard"
+               class="label"></label>
+        <div class="menu-area" aria-labelledby="keyboard-select-label">
+          <select id="keyboard-select" class="menu-control"></select>
+        </div>
       </div>
-    </div>
-    <div class="control-with-label">
-      <label for="networks-list-dropdown" i18n-content="selectNetwork"
-             class="label"></label>
-      <div class="menu-area">
-        <div id="networks-list" class="menu-control"></div>
+      <div class="control-with-label" id="network-timezone-setting">
+        <label id="timezone-select-label" i18n-content="selectTimezone"
+               class="label"></label>
+        <div class="menu-area" aria-labelledby="timezone-select-label">
+          <select id="timezone-select" class="menu-control"></select>
+        </div>
+      </div>
+      <div class="control-with-label">
+        <label id="networks-list-label" i18n-content="selectNetwork"
+               class="label"></label>
+        <div class="menu-area">
+          <div id="networks-list" aria-labelledby="networks-list-label"
+               class="menu-control"></div>
+        </div>
       </div>
     </div>
-  </div>
-  <div id="connect-controls" class="step-controls"></div>
-  <div id="connect-extra-controls" class="step-extra-controls">
-    <div id="connect-accessibility">
-      <a id="connect-accessibility-link" href="#" role="button"
-         i18n-content="accessibilityLink"></a>
-    </div>
-    <div class="connect-debugging-specific">
-      <a id="connect-debugging-features-link" href="#" role="button"
-         i18n-content="debuggingFeaturesLink"></a>
+    <div id="connect-controls" class="step-controls"></div>
+    <div id="connect-extra-controls" class="step-extra-controls">
+      <div id="connect-accessibility">
+        <a id="connect-accessibility-link" href="#" role="button"
+           i18n-content="accessibilityLink"></a>
+      </div>
+      <div class="connect-debugging-specific">
+        <a id="connect-debugging-features-link" href="#" role="button"
+           i18n-content="debuggingFeaturesLink"></a>
+      </div>
     </div>
   </div>
 </div>