1<!DOCTYPE HTML>
2<html i18n-values="dir:textdirection;">
3<head>
4  <title></title>
5  <link rel="stylesheet" href="enrollment.css">
6  <script src="chrome://resources/js/cr.js"></script>
7  <script src="chrome://resources/js/util.js"></script>
8  <script src="enrollment.js"></script>
9</head>
10<body class="stretch"
11    i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
12  <div id="login-screen" class="stretch">
13    <div id="login-info">
14      <h1 id="login-header" i18n-content="loginHeader"></h1>
15      <div id="login-explain" i18n-content="loginExplain"></div>
16      <div class="login-item">
17        <div class="login-item-image">
18          <img src="cloud.png">
19        </div>
20        <div class="login-item-content">
21          <h4 class="login-item-header"
22            i18n-content="cloudHeader"></h4>
23          <div class="login-item-explain"
24            i18n-content="cloudExplain"></div>
25        </div>
26      </div>
27      <div class="login-item">
28        <div class="login-item-image">
29          <img src="access_control.png">
30        </div>
31        <div class="login-item-content">
32          <h4 class="login-item-header"
33            i18n-content="accesscontrolHeader"></h4>
34          <div class="login-item-explain"
35            i18n-content="accesscontrolExplain"></div>
36        </div>
37      </div>
38    </div><div id="login-form">
39      <iframe id="gaialogin" scrolling="no"
40        src="chrome://enterprise-enrollment/gaialogin"></iframe>
41    </div>
42  </div>
43  <div id="confirmation-screen" class="stretch">
44    <h1 id="confirmation-header" i18n-content="confirmationHeader"></h1>
45    <div id="confirmation-content">
46      <img id="confirmation-image" src="success.png">
47      <span id="confirmation-message" i18n-content="confirmationMessage"></span>
48    </div>
49    <div id="confirmation-footer">
50      <input type="submit" class="button" id="close"
51          i18n-values="value:confirmationClose"
52          onclick="chrome.send('confirmationClose', [''])">
53    </div>
54  </div>
55</body>
56</html>
57