CINXE.COM
You are using an unsupported browser
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>You are using an unsupported browser</title> <style> body { width: 100%; height: 100%; background: #f5f5f5; margin: 0; padding: 0; font-family: Basel Grotesk, Helvetica, sans-serif; } a { text-decoration: none; } /* Top Nav Style Starts */ .ripplingLoading--nav { align-items: center; background: #502e3c; box-sizing: border-box; display: flex; height: 56px; justify-content: space-between; padding: 0 8px; width: 100%; position: relative; } .ripplingLoading--logo { position: absolute; left: 16px; display: flex; } /* Top Nav Style Ends */ /* Main section */ .section--main { display: flex; flex-direction: column; align-items: center; justify-content: center; height: calc(100vh - 56px); } .container--div { display: flex; flex-direction: column; align-items: center; height: 50%; justify-content: flex-start; } /* Main section caption */ .container--title { font-size: 30px; line-height: 34px; letter-spacing: 0.25px; font-weight: 535; text-align: center; margin: 0 auto 20px; } .container--caption { font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0.25px; color: #6f6f72; text-align: center; margin: 0; } .container--link { color: #6f6f72; text-decoration: none; display: inline-block; box-sizing: border-box; margin-bottom: 3px; border-bottom: 1px solid #6f6f72; } .container--link:hover { color: #565659; border-bottom: 1px solid #565659; } /* Main section images */ .images { width: 447px; display: flex; justify-content: space-between; margin-top: 48px; flex-wrap: wrap; } .imageContainer { display: flex; flex-direction: column; align-items: center; cursor: pointer; } .image { width: 72px; height: 72px; } .imageTitle { margin: 16px 0 0; font-size: 15px; font-weight: 535; line-height: 19px; letter-spacing: 0.25px; text-align: left; color: #3e3e40; } .imageCaption { font-size: 12px; margin: 6px 0; text-decoration: none; color: #88888b; } .imageCaption:hover { color: #565659; border-bottom: 1px solid #565659; } </style> </head> <body> <!-- Top Nav Starts --> <div class="ripplingLoading--nav"> <div class="ripplingLoading--logo"> <!-- same as public/assets/branding/logo-light.svg, to avoid content jump when react mounts --> <svg width="127" height="18" xmlns="http://www.w3.org/2000/svg"> <path d="M2.878 4.99C2.878 3.01 1.875 1.374 0 0h4.358a6.26 6.26 0 0 1 2.467 4.99 6.26 6.26 0 0 1-2.467 4.99c1.415.59 2.22 2.03 2.22 4.091v3.927H2.632v-3.927c0-1.963-.937-3.337-2.631-4.09 1.875-1.375 2.878-3.01 2.878-4.99zm8.552 0c0-1.98-1.003-3.616-2.878-4.99h4.359a6.26 6.26 0 0 1 2.466 4.99 6.26 6.26 0 0 1-2.466 4.99c1.414.59 2.22 2.03 2.22 4.091v3.927h-3.947v-3.927c0-1.963-.938-3.337-2.632-4.09 1.875-1.375 2.878-3.01 2.878-4.99zm8.554 0c0-1.98-1.003-3.616-2.878-4.99h4.358a6.26 6.26 0 0 1 2.467 4.99 6.26 6.26 0 0 1-2.467 4.99c1.415.59 2.22 2.03 2.22 4.091v3.927h-3.947v-3.927c0-1.963-.937-3.337-2.631-4.09 1.875-1.375 2.878-3.01 2.878-4.99zm15.968 9.738H32.96V3.272h7.352c3.536 0 5.279 1.31 5.279 3.453 0 1.456-.855 2.552-2.45 3.109 1.644.245 2.384 1.112 2.384 2.667v2.225h-3.026v-2.094c0-1.31-.658-1.833-2.385-1.833h-4.16v3.929zm4.194-9.787h-4.194v4.19h4.161c1.513 0 2.45-.835 2.45-2.144 0-1.293-.87-2.046-2.417-2.046zm10.641-1.669h-2.993v11.456h2.993zm9.177 7.723h-3.651v3.731H53.32V3.272h6.71c3.536 0 5.394 1.473 5.394 3.83 0 2.437-1.891 3.893-5.46 3.893zm-.066-6.054h-3.585v4.385h3.552c1.546 0 2.5-.785 2.5-2.208 0-1.391-.954-2.177-2.467-2.177zm13.947 6.054h-3.651v3.731H67.2V3.272h6.71c3.536 0 5.395 1.473 5.395 3.83 0 2.437-1.892 3.893-5.46 3.893zm-.066-6.054h-3.585v4.385h3.552c1.546 0 2.5-.785 2.5-2.208 0-1.391-.954-2.177-2.467-2.177zm10.296-1.669v9.752h7.466v1.704h-10.46V3.272zm12.333 0h-2.993v11.456h2.993zm4.506 3.829v7.627H98.94V3.272h2.239l8.157 7.625V3.272h1.974v11.456h-2.237zm20.165-2.487c-2.845 0-4.703 1.8-4.703 4.483 0 2.65 1.776 4.287 4.539 4.287h.197c.938 0 1.99-.197 2.961-.507V9.784h-4.836V8.148H127v5.383c-1.612.835-4.046 1.49-6.019 1.49h-.264c-4.539 0-7.466-2.39-7.466-5.859 0-3.436 3.009-6.184 7.631-6.184h.263c1.924 0 4.128.605 5.756 1.554l-.855 1.39c-1.464-.801-3.207-1.308-4.769-1.308h-.198z" fill="#FBFBFB" /> </svg> </div> </div> <!-- Top Nav Ends --> <section class="section--main"> <div class="container--div"> <h1 class="container--title"> It looks like you鈥檙e using an unsupported browser </h1> <p class="container--caption"> For an optimal Rippling experience, please use one of the <a href="https://help.rippling.com/s/article/936802336175" target="_blank" rel="noopener noreferrer" class="container--link" >supported browsers</a > </p> <div class="images"> <a href="https://www.google.com/chrome/ " target="_blank" rel="noopener noreferrer" > <div class="imageContainer"> <img src="https://static-assets.ripplingcdn.com/ui-platform/browser/chrome2.png" class="image" /> <p class="imageTitle">Chrome</p> <p class="imageCaption">Download</p> </div> </a> <a href="https://www.apple.com/safari/" target="_blank" rel="noopener noreferrer" > <div class="imageContainer"> <img src="https://static-assets.ripplingcdn.com/ui-platform/browser/safari2.png" class="image" /> <p class="imageTitle">Safari</p> <p class="imageCaption">Download</p> </div> </a> <a href="https://www.mozilla.org/en-US/firefox/" target="_blank" rel="noopener noreferrer" > <div class="imageContainer"> <img src=" https://static-assets.ripplingcdn.com/ui-platform/browser/firefox.png" class="image" /> <p class="imageTitle">Firefox</p> <p class="imageCaption">Download</p> </div> </a> <a href="https://www.microsoft.com/en-us/edge/download" target="_blank" rel="noopener noreferrer" > <div class="imageContainer"> <img src=" https://static-assets.ripplingcdn.com/ui-platform/browser/edge.svg.png" class="image" /> <p class="imageTitle">Edge</p> <p class="imageCaption">Download</p> </div> </a> </div> </div> </section> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e92544789a19f91',t:'MTczMjcxMjcyMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> <script> // adding so that we can track on cloudflare how many people are visiting on IE11 if (window && window.location && window.location.search === '') { window.location.search = '?isInternetExplorer=true'; } </script> </html>