CINXE.COM
Outdated Browser
<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <title>Outdated Browser</title> <meta name='description' content='A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.'> <!-- Styles --> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <style> body { font-family: 'Open Sans', sans-serif; text-align: center; background-color: #fafafa; color: #0a0a0a; line-height: 1.5em; } </style> <style> #outdated { padding-top: 30px; margin-top: calc(50vh - 100px); width: 100%; height: 170px; text-align: center; text-transform: uppercase; background-color: #f25648; color: #fff; } #outdated h6 { font-size: 25px; line-height: 25px; margin: 0 0 10px 0; } #outdated p { font-size: 12px; line-height: 12px; margin: 0 } #outdated #btnUpdateBrowser { display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; color: #fff; text-decoration: none; border: 2px solid #fff; cursor: pointer } #outdated #btnUpdateBrowser:hover { color: #f25648; background-color: #fff } </style> </head> <body> <!-- ============= Outdated Browser ============= --> <div id='outdated'><h6>Your browser is out of date!</h6> <p>Update your browser to view this website correctly. <a id='btnUpdateBrowser' href='https://browser-update.org/update.html'>Update my browser now </a></p> </div> </body> </html>