Trainline — Download a new browser

<!DOCTYPE html> <html lang="en"> <head> <meta name="robots" content="noindex,nofollow" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width initial-scale=1 user-scalable=no" /> <title>Trainline — Download a new browser</title> <link rel="shortcut icon" href="https://static.trainlinecontent.com/content/WEB/images/favicon.ico" /> <link rel="apple-touch-icon" sizes="76x76" href="https://www.thetrainline.com/assets/images/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="120x120" href="https://www.thetrainline.com/assets/images/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="https://www.thetrainline.com/assets/images/apple-touch-icon-152x152.png" /> <link rel="stylesheet" href="https://static.trainlinecontent.com/content/WEB/fonts/open-sans-1.0.0/index.css" /> <style> @font-face { font-display: swap; font-family: Circular; font-style: normal; font-weight: bold; src: url('https://static.trainlinecontent.com/content/WEB/fonts/tl-circular-1.0.1/TLCircular-Bold.woff2') format('woff2'), url('https://static.trainlinecontent.com/content/WEB/fonts/tl-circular-1.0.1/TLCircular-Bold.woff') format('woff'); } :root { --white: #FFFFFF; --grey140: #192325; --grey120: #3f4b4e; --grey90: #d0d4d5; --grey60: #F8FAFA; --blue110: #004ff9; } html { margin: 0; } body { margin: 0; background-color: var(--white); -webkit-font-smoothing: antialiased; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Microsoft YaHei New,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: normal; color: var(--grey120); text-align: center; } h2 { font-family: Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Microsoft YaHei New,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif; font-size: 32px; font-weight: 700; line-height: 40px; letter-spacing: -0.3px; color: var(--grey140); margin: 0; margin-bottom: 8px; } a { position: relative; color: var(--blue110); text-decoration: none; cursor: pointer; } a.chrome:after, a.firefox:after, a.edge:after { position: absolute; right: -16px; bottom: 4px; width: 12px; height: 12px; content: ""; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTkyMzI1Ij48cGF0aCBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9Ii41IiBkPSJNMi4yNSAxMC43NWgwIi8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMi43NSA5LjI1bDctN20wIDB2NW0wLTVoLTUiLz48L2c+PC9zdmc+) no-repeat 50% 50%; mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTkyMzI1Ij48cGF0aCBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9Ii41IiBkPSJNMi4yNSAxMC43NWgwIi8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMi43NSA5LjI1bDctN20wIDB2NW0wLTVoLTUiLz48L2c+PC9zdmc+) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: var(--blue110); } p { margin: 0; position: relative; display: block; } .container { position: relative; max-width: 620px; margin: 64px auto; } .logo { margin-bottom: 24px; } .options { max-width: 200px; margin-top: 64px; margin-left: auto; margin-right: auto; } .options img{ float: left; } .option { margin: 0 auto; margin-bottom: 32px; overflow: hidden; } .option a { margin-left: 12px; margin-top: 10px; float: left; } @media screen and (max-width: 620px) { body { text-align: left; } .container { margin: 40px 0; padding: 0 24px; } .options { margin-top: 40px; } } </style>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-PRSJ985"); </script>  </head> <body>  <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRSJ985" height="0" width="0" style="display: none; visibility: hidden" ></iframe ></noscript>  <div class="container"> <div class="logo"> <img width="140px" alt="trainline-logo" src="https://static.trainlinecontent.com/content/vul/logos/trainline-mint.svg" /> </div> <h2>Download a new browser – or get our app</h2> <p> Your browser has reached the end of the line and isn’t supported any more. Upgrade to a faster, safer and free browser below – it only takes a few minutes. Or, if a new browser isn’t for you, why not grab our app instead? </p> <div class="options"> <div class="option"> <img width="40px" alt="chrome-logo" src="https://static.trainlinecontent.com/content/WEB/retro-browser-landing/assets/chrome-logo.png" /> <a href="https://www.google.co.uk/chrome/browser/desktop/" class="chrome" > Download Chrome </a> </div> <div class="option"> <img width="40px" alt="firefox-logo" src="https://static.trainlinecontent.com/content/WEB/retro-browser-landing/assets/firefox-logo.png" /> <a href="https://www.getfirefox.com" class="firefox" > Download Firefox </a> </div> <div id="edge" class="option" style="display: block"> <img width="40px" alt="edge-logo" src="https://static.trainlinecontent.com/content/WEB/retro-browser-landing/assets/edge-logo.png" /> <a href="https://www.microsoft.com/en-us/edge" class="edge" > Download Edge </a> </div> <div class="option"> <img width="40px" alt="app-logo" src="https://static.trainlinecontent.com/content/WEB/retro-browser-landing/assets/app-logo.png" /> <a href="https://www.thetrainline.com/apps/get-a-link" class="app" > Download our app </a> </div> </div> <script> var isWindows = /Windows NT (\d+\.\d+)/i.exec(navigator.userAgent); var osVersion = isWindows && isWindows[1] ? parseFloat(isWindows[1]) : null; if (isWindows && osVersion && osVersion >= 6.1) { document.getElementById("edge").style.display = "block"; } </script> </div> <script type="text/javascript"> var language = ( window.navigator.userLanguage || // userLanguage is for IE window.navigator.language || "" ).toLowerCase() || null; var event = { event: "error page load", coreProperties: { appVersion: "1.0", contextId: null, currency: null, customerId: null, genericValue1: window.navigator.userAgent, language: language, loginStatus: "unknown", pageName: "browser not supported", platform: "responsive", siteSection: "error", siteSubSection: "browser not supported", }, errorProperties: { errorFormat: "error.page.browserNotSupported", errorId: "browserNotSupported", errorMessage: "Browser not supported", errorType: "fatal", }, }; window.dataLayer = window.dataLayer || []; window.dataLayer.push(event); </script> </body> </html>

CINXE.COM

Trainline — Download a new browser