1<!DOCTYPE html>
2<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en" > <![endif]-->
3<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
4
5<head>
6  <meta charset="utf-8" />
7  <meta name="viewport" content="width=device-width" />
8  <title>automx - Mobile Clients</title>
9  <link rel="stylesheet" href="css/app.css" />
10  <script src="js/vendor/custom.modernizr.js"></script>
11</head>
12<body>
13
14  <div class="row">
15    <div id="company-banner" class="small-12 large-6 large-centered columns">
16      <img src="img/company-banner.png" />
17    </div>
18  </div>
19
20  <div class="row">
21    <div class="small-12 large-6 large-centered columns">
22      <form action="/mobileconfig" method="post">
23
24	<input type="hidden" name="_mobileconfig" value="true" />
25
26	<label for="emailaddress">E-Mail Adresse</label>
27	<input name="emailaddress" id="emailaddress" type="email" placeholder="max.mustermann@beispiel.de (erforderlich)">
28
29	<label for="cn">Name</label>
30	<span data-tooltip data-options="disable-for-touch:true" class="has-tip tip-top" title="In E-Mails von Ihnen wird nur Ihre Mailadresse angezeigt, wenn sie dieses Feld leer lassen.">
31	  <input name="cn" id="cn" type="text" placeholder="Max Mustermann (optional)">
32	</span>
33
34	<label for="password">Passwort</label>
35	<span data-tooltip data-options="disable-for-touch:true" class="has-tip tip-top" title="Beim ersten Zugriff auf Ihr Mailkonto werden sie nach dem Passwort gefragt, wenn Sie dieses Feld leer lassen.">
36	  <input name="password" id="password" type="password" placeholder="Passwort (optional)">
37	</span>
38
39	<input type="submit" class="button small-12 right" value="Konfiguration anfordern" />
40      </form>
41    </div>
42  </div>
43
44  <div id="footer-desktop" class="hide-for-small">
45    <a class="right automx-powered" href="http://automx.org" target="_blank">Powered by <img src="img/automx-banner.png" width="126" height="20" alt="automx banner" /></a>
46  </div>
47  <div id="footer-mobile" class="show-for-small row">
48    <div class="small-12 columns">
49      <a class="right automx-powered" href="http://automx.org" target="_blank">Powered by <img src="img/automx-banner.png" width="126" height="20" alt="automx banner" /></a>
50    </div>
51  </div>
52
53  <script>
54  document.write('<script src=' +
55  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
56  '.js><\/script>')
57  </script>
58  <script src="js/foundation.min.js"></script>
59  <script src="js/foundation/foundation.forms.js"></script>
60  <script src="js/foundation/foundation.tooltips.js"></script>
61  <script>
62    $(document).foundation();
63
64    function hideAddressBar()
65    {
66        if(!window.location.hash)
67        {
68            if(document.height <= window.outerHeight + 10)
69            {
70                document.body.style.height = (window.outerHeight + 50) +'px';
71                setTimeout( function() { window.scrollTo(0, 1); }, 50 );
72            }
73            else
74            {
75                setTimeout( function() { window.scrollTo(0, 1); }, 0 );
76            }
77        }
78    }
79    window.addEventListener("load", hideAddressBar );
80    window.addEventListener("orientationchange", hideAddressBar );
81  </script>
82</body>
83</html>
84