CINXE.COM
Nickelodeon
<!DOCTYPE html> <html lang='en-gb'> <head> <meta charset='UTF-8'> <meta name="robots" content="nofollow"> <title>Nickelodeon</title> <style type='text/css'> html, body { overflow: hidden; height: 100%; } .page-content { background-color: #f6f6f6; margin: 0 auto; max-width: 1400px; min-height: 100%; position: relative; text-align: center; } .brand-logo { background-color: undefined; background-image: url(/images/nickelodeon-splat-logo.svg); background-position: 50% 50%; background-repeat: no-repeat; height: 120px; margin: 0 auto; padding: 15px; width: 158px; } .bumper-body { display: inline-block; left: 0; margin-top: -140px; position: absolute; text-align: center; top: 50%; width: 100%; } .bumper-header { display: inline-block; font: normal 700 2.5rem/1.25 sans-serif; margin-bottom: 18px; max-width: 700px; } .bumper-copy { display: block; font: normal 400 1.15rem/1.25 sans-serif; margin-bottom: 36px; margin-left: auto; margin-right: auto; max-width: 603px; } .browsers-list { margin-left: auto; margin-right: auto; max-width: 603px; } .list-item { display: inline-block; font: normal 700 1.15rem/1.25 sans-serif; margin: 0 18px; } .item-link { color: #9b7fb8; text-decoration: none; } </style> </head> <body> <div class='page-content'> <div class='bumper-body'> <div class="brand-logo"></div> <h1 class='bumper-header'>You are using a browser that is no longer supported.</h1> <p class='bumper-copy'>Please update your browser to view the website.</p> <div class='browsers-list'> <div class='list-item'> <a class="item-link" href='https://www.google.com/chrome/' title='download Chrome' > Chrome </a> </div> <div class='list-item'> <a class="item-link" href='https://www.mozilla.org/en-US/firefox/new/' title='download Firefox' > Firefox </a> </div> <div class='list-item'> <a class="item-link" href='https://www.microsoft.com/en-us/windows/microsoft-edge' title='download Microsoft Edge' > Microsoft Edge </a> </div> </div> </div> </div> </body> </html>