CINXE.COM
Whoops.
<!DOCTYPE html><html><head><title>Whoops.</title><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="icon" type="image/x-icon" href="//i.cloudup.com/iAe4N1iNxUp.ico"><link rel="stylesheet" href="//i.cloudup.com/z9qUC6JZw4.css"><!-- if IE 7link(rel='stylesheet', href= assets.icons_ie7) --><!-- if lt IE 7style. #header, #content{ padding: 0 50px; } ul.options li i.icon { left: -70px !important; top: -10px !important; } --><style>body { font: normal 14px/1.5 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #373737; } .wf-loading { visibility: hidden; } #header { height: 77px; background-color: #ef6c5e; } #header-content { height: 77px; max-width: 600px; width: 100%; margin: 0 auto; } #header-content a.logo { display: block; text-indent: -9999px; background-image: url(//i.cloudup.com/iC21IaEys0i.png); width: 136px; height: 46px; position: relative; left: 10px; top: 27px; } #content { max-width: 500px; width: 100%; margin: 0 auto; } h1.title { color: #ef6c5e; margin: 100px 0 11px 0; font-size: 42px; line-height: 42px; height: 42px; font-weight: 700; text-align: center; } h3 { font-weight: normal; text-align: center; height: 22px; line-height: 22px; font-size: 18px; margin: 0; } ul.options { list-style: none; margin: 70px 0 50px 0; } ul.options li { list-style: none; background-repeat: no-repeat; background-position: left top; min-height: 80px; padding: 2px 20px 0 80px; margin-bottom: 20px; position: relative; } ul.options li a { text-decoration: none; color: inherit; } ul.options li a:hover h4 { color: #25a1c3; text-decoration: underline; } ul.options li i.icon { font-family: "icons"; position: absolute; font-style: normal; display: block; color: #ef4748; font-size: 49px; position: absolute; left: 0; top: 0; height: 55px; line-height: 55px; } ul.options li.logo-chrome-plugin i.icon { color: #c4c4c4; } ul.options li.logo-ie10 i.icon { color: #0cf; } ul.options li h4 { margin: 0; font-size: 16px; } ul.options li p { margin: 0; font-size: 13px; font-weight: 200; color: #666; } .why { color: #666; font-weight: 200; min-width: 330px; padding: 0 20px 0 50px; margin: 0 auto 20px; }</style></head><body><div id="header"><div id="header-content"><a class="logo" href="https://cloudup.com">Cloudup</a></div></div><div id="content"><h1 class="title">Whoops.</h1><h3>You are using an outdated version of <b>Internet Explorer</b>.</h3><h3>To experience Cloudup, please update your browser.</h3><ul class="options"><li class="logo-chrome"><a href="https://www.google.com/intl/en/chrome/browser/" target="_blank"><i class="icon"></i><h4>Install Google Chrome</h4><p>The fast, free browser that's built for the modern web.</p></a></li><li class="logo-chrome-plugin"><a href="http://www.google.com/chromeframe" target="_blank"><i class="icon"></i><h4>Can't change from Internet Explorer</h4><p>Google Chrome Frame is a free plug-in for IE. It provides you with features and better performance for modern web appilcations.</p></a></li><li class="logo-ie10"><a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" target="_blank"><i class="icon"></i><h4>Update you Internet Explorer</h4><p>Experience the power of the fast and fluid web with Internet Explorer 10.</p></a></li></ul><div class="why"><strong>Why? </strong>Newer browsers take advantages of the newest technologies and ensure safer browsing experiences.</div></div></body></html>