CINXE.COM
Internet Explorer is no longer supported
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="en"> <head> <title>Internet Explorer is no longer supported</title> </head> <style> html { background-position: center; background-size: cover; font-size: 62.5%; } body { background-color: rgba(255, 255, 255, 0.5); font-family: HelveticaNeue, Arial; margin: 0; padding: 20px 16px; } .container{ text-align: center; } h1{ font-size: 2.0rem; color: #4c4c4c; margin-bottom: 18px; } p { font-size: 1.2rem; font-weight: 300; letter-spacing: -0.1px; color: #4c4c4c; margin-bottom: 21px; } .browsers-wrapper { display: flex; align-items: center; justify-content: center; } .browser-box{ font-size: 1.2rem; color: #4c4c4c; text-decoration: none; } .browser-box img { height: 48px; width: 48px; } .browser-box .browser-name { margin-top: 4px; } .browser-box { margin-right: 38px; width: auto; } @media screen and (min-width: 990px) { body { margin: 0 auto; padding: 0; padding-top: 60px; } h1 { font-size: 2.4rem; margin-bottom: 16px; } p { font-size: 1.4rem; margin-bottom: 40px; } .browser-box { margin-right: 50px; width: auto; } .browser-box img { height: 64px; width: 64px; } .browser-box .browser-name { margin-top: 8px; } } </style> <body> <section class="container"> <h1></h1> <p></p> <div class="browsers-wrapper"> <a href="javascript:void(0)" class="browser-box chrome" onclick="openBrowser('chrome', 'https://www.google.com/chrome/browser')"> <img src="" alt="Google Chrome" /> <div class="browser-name">Google Chrome</div> </a> <a href="microsoft-edge:" class="browser-box edge"> <img src="" alt="Microsoft Edge" /> <div class="browser-name">Microsoft Edge</div> </a> <a href="https://support.apple.com/downloads/safari" class="browser-box safari" target="_blank"> <img src="" alt="Safari" /> <div class="browser-name">Safari</div> </a> <a href="javascript:void(0)" class="browser-box firefox" onclick="openBrowser('firefox', 'http://getfirefox.com')"> <img src="" alt="Mozilla Firefox" /> <div class="browser-name">Mozilla Firefox</div> </a> </div> </section> <script> window.bgImage = "/view/orion/images/ie-not-supported.png"; window.iconChrome = "/view/orion/images/icon-chrome.png"; window.iconEdge = "/view/orion/images/icon-edge.png"; window.iconSafari = "/view/orion/images/icon-safari.png"; window.iconFirefox = "/view/orion/images/icon-firefox.png"; window.title = "Internet Explorer is no longer supported"; window.description = "The page that you're trying to access is no longer supported on Internet Explorer. Please use one of the recommended browsers below and try again."; function openBrowser(browserCommand, downloadBrowserUrl) { try { var objShell = new ActiveXObject("WScript.Shell"); objShell.Run(browserCommand + " " + window.location.href); } catch (e) { window.open(downloadBrowserUrl, '_blank'); } } const html = document.querySelector('html'); const heading = document.querySelector('h1'); const description = document.querySelector('p'); const iconChromeElem = document.querySelector('.browser-box.chrome > img'); const iconEdgeElem = document.querySelector('.browser-box.edge > img'); const iconFirefoxElem = document.querySelector('.browser-box.firefox > img'); const iconSafariElem = document.querySelector('.browser-box.safari > img'); const edgeLink = document.querySelector('.browser-box.edge'); edgeLink.href = 'microsoft-edge:' + window.location.href; html.style.backgroundImage = "url('" + window.bgImage + "')"; heading.innerText = window.title; description.innerText = window.description; iconChromeElem.src = window.iconChrome; iconEdgeElem.src = window.iconEdge; iconFirefoxElem.src = window.iconFirefox; iconSafariElem.src = window.iconSafari; </script> </body> </html>