MD Settings: About page, display product info.

chrome/browser/resources/settings/about_page/about_page.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://md-settings/about_page/about_page_browser_proxy.html">
 <link rel="import" href="chrome://md-settings/i18n_setup.html">
 <link rel="import" href="chrome://md-settings/icons.html">
 <link rel="import" href="chrome://md-settings/settings_page/main_page_behavior.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_section.html">
 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/assert.html">
@@ skipping 26 matching lines @@
         -webkit-margin-end: var(--iron-icon-spacing);
       }
 
       iron-icon[icon="settings:check-circle"] {
         fill: var(--paper-blue-600);
       }
 
       iron-icon[icon="settings:error"] {
         fill: var(--paper-red-600);
       }
+
+      .product-info {
+        display: block;
+        padding-bottom: 10px;
+        padding-top: 10px;
+      }
+
+      .info-section {
+        margin-bottom: 12px;
+      }
     </style>
     <settings-section page-title="$i18n{aboutPageTitle}"
         current-route="[[currentRoute]]" section="about">
       <settings-animated-pages id="pages" current-route="{{currentRoute}}"
           section="about">
         <neon-animatable id="main">
           <div class="settings-box">
             <img id="product-logo"
                 srcset="chrome://theme/current-channel-logo@1x 1x,
                         chrome://theme/current-channel-logo@2x 2x" alt="">
@@ skipping 37 matching lines @@
           <div id="reportIssue" class="settings-box" on-tap="onReportIssueTap_">
             $i18n{aboutReportAnIssue}
           </div>
 </if>
 <if expr="chromeos">
           <div class="settings-box" on-tap="onDetailedBuildInfoTap_">
             <!-- TODO(dpapad): Localize string. -->
             Detailed build info
           </div>
 </if>
+          <div class="settings-box product-info">
+            <div class="info-section">
+              <div class="secondary">$i18n{aboutProductTitle}</div>
+              <div class="secondary">$i18n{aboutProductCopyright}</div>
+            </div>
+
+            <div class="info-section">
+              <div class="secondary">$i18nRaw{aboutProductLicense}</div>
+<if expr="chromeos">
+              <div class="secondary">$i18nRaw{aboutProductOsLicense}</div>
+</if>
+            </div>
+<if expr="_google_chrome">
+            <div class="secondary">$i18nRaw{aboutProductTos}</div>
+</if>
+          </div>
         </neon-animatable>
 <if expr="chromeos">
         <template is="dom-if" name="detailed-build-info">
           <settings-subpage page-title="Detailed build information">
             <settings-detailed-build-info></settings-detailed-build-info>
           </settings-subpage>
         </template>
 </if>
       </settings-animated-pages>
     </settings-section>
   </template>
   <script src="about_page.js"></script>
 </dom-module>