CINXE.COM
Internet Explorer (IE) Support
<!DOCTYPE html> <html lang="en-gl"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Internet Explorer (IE) Support</title> <link rel="shortcut icon" href="/static/sce/assets/favicon.ico" type="image/png" /> </head> <style> @font-face { font-family: 'EYInterstate-Regular'; src: url('/static/sce/fonts/EYInterstate-Regular.woff') format('woff'); } body{ font-family: EYInterstate-Regular; font-size: 18px; text-align: center; } .container { position: fixed; z-index: -1; top: 0; left: 0; width: 100vw; height: 100vh; background: url("/static/sce/assets/myey-bg.jpg") no-repeat center center/cover; } .ey-logo { position: absolute; top: 20px; left: 30px; background: url("/static/sce/assets/EY_digital_logo.png") no-repeat; width: 140px; height: 60px; } .content { width: 850px; color: #fff; position: absolute; font-weight: normal; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); /* Firefox */ -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Safari and Chrome*/ -o-transform: translate(-50%, -50%); /* Opera */ transform: translate(-50%, -50%); } @media only screen and (max-width: 768px) { .content { width: 550px; } } @media only screen and (max-width: 600px) { .content { width: 350px; } } </style> <body> <div class="container"> <div class="ey-logo"></div> <div class="content"> <div> Internet Explorer (IE) desktop application is no longer supported. </div> <div> Customers are encouraged to move to preferred browsers: Chrome, Microsoft Edge, Firefox, Safari. </div> </div> </div> </body> </html>