CINXE.COM
Noon - Unsupported Browser
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Noon - Unsupported Browser</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { background-color: #fefdf4; margin: 0; font-family: 'ProximaNova'; } img { width: 100%; height: 100%; } .contentWrapper { max-width: 266px; margin: 0 auto; padding: 64px 20px; text-align: center; } .logoWrapper { width: 96px; height: 34px; margin: 0 auto 30px; } .heading { font-size: 19px; font-weight: bold; color: #404553; margin: 0 0 5px; } .heading + .heading { margin-bottom: 22px; } .textContent { margin: 0 0 5px; font-size: 13px; color: #666870; } .textContent + .textContent { margin-bottom: 45px; } .supportedBrowserContainer { display: inline-block; margin-bottom: 20px; } .browserWrapper { float: left; } .browserWrapper + .browserWrapper { margin-left: 72px; } .browserImageWrapper { height: 70px; width: 70px; margin-bottom: 12px; } .browserHead, .browserText { display: block; } .browserHead { font-size: 14px; font-weight: 600; color: #666870; } .browserText { font-size: 11px; color: #666870; } .clearfix { float: none; clear: both; } @media (min-width: 768px) { .contentWrapper { max-width: 622px; padding: 114px 20px; } .supportedBrowserContainer + .supportedBrowserContainer { margin-left: 72px; } .logoWrapper { width: 130px; height: 42px; margin: 0 auto 54px; } .heading { font-size: 24px; } .textContent { font-size: 15px; } .textContent + .textContent { margin-bottom: 56px; } .browserImageWrapper { height: 100px; width: 100px; } .browserHead { font-size: 16px; } .browserText { font-size: 12px; } } @media (min-width: 1024px) { .contentWrapper { max-width: 706px; padding: 135px 20px; } .supportedBrowserContainer { max-width: 446px; } .logoWrapper { width: 140px; height: 46px; margin: 0 auto 60px; } .heading { font-size: 28px; } .textContent { font-size: 18px; } .textContent + .textContent { margin-bottom: 40px; } } </style> </head> <body> <div class="contentWrapper"> <div class="logoWrapper"> <img src="https://a.nooncdn.com/s/misc/2017/browser-logos/noon-logo.png" /> </div> <p class="heading"> Your browser is out-of-date and isn鈥檛 supported. </p> <p class="heading"> .丕賳鬲賴鬲 氐賱丕丨賷丞 丕賱賲鬲氐賮丨 丕賱禺丕氐 亘賰 賵賱賲 賷毓丿 賲丿毓賵賲賸丕 </p> <p class="textContent"> For a faster and more secure browsing experience, download one of these amazing browsers </p> <p class="textContent"> .賱賱丨氐賵賱 毓賱賶 鬲噩乇亘丞 鬲氐賮丨 兀爻乇毓 賵兀賰孬乇 兀賲丕賳貙 賯賲 亘鬲賳夭賷賱 兀丨丿 丕賱賲鬲氐賮丨丕鬲 丕賱鬲丕賱賷丞 丕賱賲丿賴卮丞 </p> <div class="supportedBrowserContainer"> <div class="browserWrapper"> <div class="browserImageWrapper"> <img src="https://a.nooncdn.com/s/misc/2017/browser-logos/chrome-logo.png" /> </div> <span class="browserHead"> Chrome </span> <span class="browserText"> Google </span> </div> <div class="browserWrapper"> <div class="browserImageWrapper"> <img src="https://a.nooncdn.com/s/misc/2017/browser-logos/firefox-logo.png" /> </div> <span class="browserHead"> Firefox </span> <span class="browserText"> Mozilla </span> </div> <div class="clearfix"></div> </div> <div class="supportedBrowserContainer"> <div class="browserWrapper"> <div class="browserImageWrapper"> <img src="https://a.nooncdn.com/s/misc/2017/browser-logos/safari-logo.png" /> </div> <span class="browserHead"> Safari </span> <span class="browserText"> Apple </span> </div> <div class="browserWrapper"> <div class="browserImageWrapper"> <img src="https://a.nooncdn.com/s/misc/2017/browser-logos/edge-logo.png" /> </div> <span class="browserHead"> Edge </span> <span class="browserText"> Microsoft </span> </div> <div class="clearfix"></div> </div> </div> </body> </html>