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