CINXE.COM

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>Time.is for iPad</title> <meta name="description" content=""/> <meta name="viewport" content="width=device-width, user-scalable=yes, target-densitydpi=device-dpi"/> <style> *{margin:0;padding:0;border:0;outline:0} div,h1,h2,h3,label,section,nav{clear:both} div,img,form,section,nav{float:left} span a,.nw{white-space:nowrap} a:link,a:visited{color:#333;text-decoration:none;border-bottom:1px solid #ccc} body,select,input,textarea{font:19px/24px 'Times New Roman',Times,Georgia,serif;color:#333;letter-spacing:2px} h1{letter-spacing:6px;padding:15px 0} .pngshadow{ -webkit-filter:drop-shadow(10px 10px 10px #222); -moz-filter:drop-shadow(10px 10px 10px #222); filter:drop-shadow(10px 10px 10px #222) } #logodiv{float:none;width:522px;margin:0 auto;padding-top:100px;} #silhouettes{ height:400px;width:100%; background:#fff url('https://static.time.is/img/geo-silhouettes.png') bottom left no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; } #silhouettes h2{ padding-left:150px; font-size:26px; text-align:center;font-style:italic; color:#666; } html section{width:100%;padding:0} .pad{padding:80px 0} .img,.text{width:40%;margin-left:5%} .text{clear:none;width:45%;margin-top:40px} .pad h2{font-size:36px;line-height:40px;margin-bottom:20px;font-weight:normal} .w90{margin:0 5%;width:90%} .screenshot{width:100%} .odd{background:#000;color:#c35} .even{background:#fff;color:#000} .white{background:#eee;color:#666} .cloud,.rtl .cloud{text-align:center;margin-top:20px;margin-bottom:20px;line-height:40px} .cloud .s1,.cloud .s2,.cloud .cloudfav,.cloud .cloudhome{background:#fff;color:#000;padding:0 10px} .wb .cloud .s1,.wb .cloud .s2{background:#fff;color:#000} .cloud .cloudfav,.wb .cloud .cloudfav,.cloud .cloudhome,.wb .cloud .cloudhome{background:#c35;color:#fff} .sscr .cloud{line-height:26px} .cloud span{white-space:nowrap;margin-right:20px;vertical-align:middle;color:#fff} span.capital,span.top{font-size:50px} span.cloudhome,.s1{font-size:32px} .s2{font-size:32px;font-weight:bold} .s3{font-size:24px;font-weight:bold} .s4{font-size:23px;font-weight:bold} .s5{font-size:22px} .s6{font-size:21px} .s7{font-size:20px} .s8{font-size:19px} .s9{font-size:18px} .s10{font-size:17px} .s10,.s11,.s12,.s13,.s14,.s15,.s16{font-size:16px} .s1,.cloudhome,.bold{font-weight:bold} .sscr a.capital,.sscr a.top{font-size:28px;line-height:32px} .sscr .s1{font-size:23px;line-height:26px} .sscr .s2{font-size:22px;line-height:25px} .sscr .s3{font-size:21px;line-height:24px} .sscr .s4{font-size:20px;line-height:23px} .sscr .s5{font-size:19px;line-height:22px} .sscr .s6{font-size:18px;line-height:21px} .sscr .s7{font-size:17px;line-height:19px} .sscr .s8{font-size:16px;line-height:18px} .sscr .s9{font-size:15px;line-height:17px} .sscr .s10,.sscr .s11,.sscr .s12,.sscr .s13,.sscr .s14,.sscr .s15,.sscr .s16{font-size:14px;line-height:16px} #languages,#worldclock{width:100%;color:#fff;padding:80px 0;font-size:50px;line-height:70px;text-align:center} #languages{font-size:90px;line-height:110px} @media only screen and (max-width:779px){ #logodiv,#logodiv img{width:67%} #logodiv img{width:100%} #silhouettes{height:305px} div #contactform div{width:100%} div #contactform label,#contactform input.txtin{width:90%} } @media only screen and (max-width:1024px){ #silhouettes{height:305px} .text{margin-top:0} .text h2{font-size:24px;line-height:28px} .cloud{zoom:75%} #worldclock{font-size:40px;line-height:50px} #languages{font-size:70px;line-height:80px} #languages,#worldclock{padding:60px 0} } @media only screen and (max-width:640px){ #logodiv{padding-top:60px} #silhouettes{height:220px} .img,.text{clear:both} .img,.text{width:90%} .pad{padding:40px 20px} .text{margin-top:20px} .cloud{zoom:50%} #worldclock{font-size:30px;line-height:40px} #languages{font-size:60px;line-height:70px} #languages,#worldclock{padding:40px 0} } section div h2{color:#000} section div h2 a:link, section div h2 a:visited{color:#000;border-bottom:1px solid #000} </style> <script> O='object' D='document' function gob(e){if(typeof e==O)return e;if(D.getElementById)return D.getElementById(e);return eval(e)} function bluritem(e){e=gob(e);e.className=e.className.replace('focused','blr');bfc=1} function focusitem(e){bfc=0;e=gob(e);e.className=e.className.replace('blr','focused');e.className=e.className.replace('submitted','focused')} function mouseover(e){e.className=e.className.replace('mout','hovered')} function mouseout(e){e.className=e.className.replace('hovered','mout')} function setfocus(g){if(typeof fc[g]==U)fc[g]=1;else fc[g]++ if(fc['a']!=0&&fc['a']!=g)losefocus(fc['a']) fc['a']=g;gob(g).className=gob(g).className.replace('hide','show');bfc=0} function losefocus(g){if(fc['a']!=g)fc[g]=0;else{fc[g]--;if(fc[g]<1){fc['a']=0;fc[g]=0;gob(g).className=gob(g).className.replace('show','hide');bfc=1}}} dmode=0 </script> <link rel="stylesheet" href="https://static.time.is/t8c.css"/> </head> <body> <div id="logodiv"><img src="https://static.time.is/img/app_page_logo.png" alt="Time.is"> <a href="https://itunes.apple.com/app/time.is-exact-time-for-any/id857189816?l=nb&ls=1&mt=8"><img style="margin-top:20px;float:right;width:135px" src="https://static.time.is/img/app_store_badge_US-UK_135x40.svg" width="135" height="40" alt="Download on the App Store"></a> </div> <section id="silhouettes"> </section> <section class="odd" style="position:relative"> <div class="cloud w90"> <span class="s10">Addis Abeba</span> <span class="s11">Alger</span> <span class="s3">Amsterdam</span> <span class="s9">Ankara</span> <span class="s15">Antananarivo</span> <span class="s8">Bagdad</span> <span class="s6">Barcelona</span> <span class="s1 bold">Beijing</span> <span class="s12">Beirut</span> <span class="s15">Beograd</span> <span class="s2 bold">Berlin</span> <span class="s10">Brasília</span> <span class="s15">Brazzaville</span> <span class="s12">Bucureşti</span> <span class="s13">Budapest</span> <span class="s14">Damaskus</span> <span class="s5">Dubai</span> <span class="s7">Frankfurt am Main</span> <span class="s11">Havanna</span> <span class="s4">Istanbul</span> <span class="s1 bold">Kairo</span> <span class="s14">Katmandu</span> <span class="s10">Kiev</span> <span class="s8">Kinshasa</span> <span class="s1 bold">London</span> <span class="s6">Los Angeles</span> <span class="s2 bold">Madrid</span> <span class="s8">Manila</span> <span class="s16">Maputo</span> <span class="s6">Mekka</span> <span class="s7">Mexico by</span> <span class="s7">Milano</span> <span class="s12">Minsk</span> <span class="s1 bold">Moskva</span> <span class="s4">New York</span> <span class="s2">Paris</span> <span class="s14">Phnom Penh</span> <span class="s16">Praha</span> <span class="s13">Pretoria</span> <span class="s9">Pyongyang</span> <span class="s13">Rabat</span> <span class="s4">Rio de Janeiro</span> <span class="s9">Riyadh</span> <span class="s3">Roma</span> <span class="s5">San Francisco</span> <span class="s12">Sana</span> <span class="s10">Santa Domingo</span> <span class="s2">Seoul</span> <span class="s5">Shanghai</span> <span class="s16">Stockholm</span> <span class="s4">São Paulo</span> <span class="s11">Tasjkent</span> <span class="s8">Teheran</span> <span class="s5">Vancouver</span> <span class="s13">Warszawa</span> <span class="s7">Washington, D.C.</span> <span class="s3">Wien</span> <span class="s15">Yaoundé</span> </div> <div comment="animate opacity and zoom" id="worldclock"> World clock with 7 million locations </div> </section> <section class="even bw" style="background:#eee"> <div class="pad"> <div class="img"> <img src="https://static.time.is/img/app_screenshots/110001.png" alt="main page" class="screenshot"> </div> <div class="text"> <h2>Extremely accurate time, wrapped in an elegant, minimalistic design</h2> <p>Synchronized to atomic clock time with an accuracy down to ±5 milliseconds</p> </div> </div> </section> <section class="even bw" style="background:#fff"> <div class="pad"> <div class="img"> <img src="https://static.time.is/img/app_screenshots/1101_dubai.png" alt="main page" class="screenshot"> </div> <div class="text"> <h2>Customize to your preferences</h2> <ul> <li>Dark/light mode</li> <li>Multiple time and date formats<br>(seconds on/off, 12/24 hour mode)</li> <li>Add up to 20 favorite locations</li> <li>Sunrise time, sunset time and day length</li> <li>Supports both landscape and portrait orientation</li> </ul> </div> </div> </section> <section class="even bw" style="background:#eee"> <div class="pad"> <div class="img"> <img src="https://static.time.is/img/app_screenshots/cmp_rio_paris_singapore.png" alt="comparison" class="screenshot"> </div> <div class="text"> <h2>Instantly convert between time zones</h2> <ul><li>Easily find the best time to contact someone in another time zone</li> <li>The time zone database is automatically updated when time zone rules are changed</li> </ul> </div> </div> </section> <section class="even bw" style="background:#fff"> <div class="pad"> <div class="img"> <img src="https://static.time.is/img/app_screenshots/calendar_with_interval_calculation_dark.png" alt="Calendar" class="screenshot"> </div> <div class="text"> <h2>Calendar with interval calculation</h2> <ul> <li>Displays from one month to one year at a time</li> </ul> </div> </div> </section> <section class="even bw" style="background:#eee"> <div class="pad"> <div class="img"> <img src="https://static.time.is/img/app_screenshots/word_clock.png" alt="Word clock" class="screenshot"> </div> <div class="text"> <h2>Stylish, minimalistic word clock</h2> <ul> <li>Supports natural mode ("nine to eleven")<br> and literal mode ("ten fifty-one")</li> </ul> </div> </div> </section> <section class="even bw" style="background:#fff"> <div class="pad"> <div class="img"> <img src="https://static.time.is/img/app_screenshots/alarm_1730.png" alt="Word clock" class="screenshot"> </div> <div class="text"> <h2>Innovative alarm clock</h2> <div> <p>Three ways to choose alarm time:</p> <ul> <li>Draw a line like the hand of a clock</li> <li>Tap anywhere on the timeline</li> <li>Tap the bottom of a digit to decrease it, or the top to increase it</li> </ul> </div> </div> </div> </section> <section class="odd" style="background:#333;position:relative"> <div class="cloud w90"><span>Shqip / Albanian</span> <span class="s2 bold">العربية / Arabic</span> <span>Հայերեն / Armenian</span> <span class="s4 bold">Azərbaycan / Azerbaijani</span> <span>беларуская мова / Belarusian</span> <span>Български / Bulgarian</span> <span>Català / Catalan</span> <span class="s2 bold">中文 / Chinese (simplified)</span> <span class="s3 bold">繁體中文 / Chinese (traditional)</span> <span>Hrvatski / Croatian</span> <span>Česky / Czech</span> <span>Dansk / Danish</span> <span class="s4 bold">Nederlands / Dutch</span> <span class="s2 bold">English (US)</span> <span class="s3 bold">English (UK)</span> <span>Esperanto</span> <span>Eesti / Estonian</span> <span>suomi / Finnish</span> <span class="s2 bold">Français / French</span> <span>ქართული / Georgian</span> <span class="s2 bold">Deutsch / German</span> <span>Ελληνικά / Greek</span> <span class="s3 bold">हिंदी / Hindi</span> <span>Magyar / Hungarian</span> <span>Íslenska / Icelandic</span> <span class="s3 bold">Bahasa Indonesia / Indonesian</span> <span class="s3 bold">Italiano / Italian</span> <span class="s3 bold">日本語 / Japanese</span> <span>Latviešu / Latvian</span> <span>Lietuvių / Lithuanian</span> <span>Македонски / Macedonian</span> <span>Malagasy</span> <span>Norsk / Norwegian (bokmål)</span> <span>Norsk / Norwegian (nynorsk)</span> <span class="s3 bold">Polski / Polish</span> <span>Português / Portuguese</span> <span class="s3 bold">Português (Brasil) / Portuguese (Brazil)</span> <span class="s4 bold">Roman / Romanian</span> <span class="s2 bold">Русский / Russian</span> <span>српски / Serbian</span> <span class="s2 bold">Español / Spanish</span> <span>Svenska / Swedish</span> <span class="s3 bold">Türkçe / Turkish</span> <span class="s3 bold">Українська / Ukrainian</span> <div id="languages"> 44 languages </div> </div> </section> <section class="even bw" style="background:#fff"> <div class="pad"> <div class="text" style="width:90%"> <h2> The iPad version is available now from the <a href="https://itunes.apple.com/app/time.is-exact-time-for-any/id857189816?l=nb&ls=1&mt=8">App Store</a>. </h2> <div> <p> There is no subscription fee, only a small one-time fee. </p> <p> iPhone, Android and Windows versions coming soon. Sign up below to be the first to know when it is released! </p> </div> <form id="contactform" action="https://time.is/app_alert" method="post" autocomplete="off" accept-charset="UTF-8"> <div> <label for="email_address" id="email_address_label" class="blr">Your e-mail address</label> <input type="email" id="email_address" name="email_address" value="" required maxlength="100" class="txtin blr mout" onfocus="focusitem(this);focusitem('email_address_label')" onblur="bluritem(this);bluritem('email_address_label')" onmouseover="mouseover(this)" onmouseout="mouseout(this)"/> </div> <div style="margin-bottom:20px"> <label for="platform" id="platformlabel" class="blr">Platform(s)</label> <div><input type="checkbox" class="checkbox" id="platform_iphone" name="platform_iphone" value="yes"> <label for="platform_iphone" class="btnlbl">iPhone</label></div> <div><input type="checkbox" class="checkbox" id="platform_android" name="platform_android" value="yes"> <label for="platform_android" class="btnlbl">Android</label></div> <div><input type="checkbox" class="checkbox" id="platform_windows" name="platform_windows" value="yes"> <label for="platform_windows" class="btnlbl">Windows</label></div> <div><input type="checkbox" class="checkbox" id="platform_firefox" name="platform_firefox" value="yes"> <label for="platform_firefox" class="btnlbl">Firefox OS</label></div> </div> <div style="margin-bottom:20px"> <div><input type="checkbox" class="checkbox" id="subscribe" name="subscribe" value="yes"> <label for="subscribe" class="btnlbl">Subscribe to the Time.is newsletter</label></div> </div> <div> <input type="submit" accesskey="3" value="Sign up" class="button blr mout" onfocus="focusitem(this)" onblur="bluritem(this)" onmouseover="mouseover(this)" onmouseout="mouseout(this)"/> </div> </form> </div> </div> </section> </body></html>