CINXE.COM
Page not found (404) - Disqus
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> Page not found (404) - Disqus </title> <script type="text/javascript"> var totalCount = 8; function ChangeIt() { var num = Math.ceil( Math.random() * totalCount ); document.body.background = '//media.disquscdn.com/errors/img/'+num+'.gif'; document.body.style.backgroundRepeat = "repeat";// Background repeat } window.onload = ChangeIt; </script> <style> html { width: 100%; height: 100%; } body { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } body:before { position: absolute; top: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 700px; content: ""; background: transparent; background-size: cover; } .global-header { width: 650px; margin: 0 auto; padding: 250px 0 50px 0; background: transparent; font-size: 16px; } .global-nav { text-align: center; } .logo { margin-top: 250px; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center; width: auto; } ul { display: none; } .wrapper { display: flex; } .error-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:24px; color: #042552; display: block; margin: 0 auto; background: rgba(255,255,255, 0.8); padding: 30px 40px; max-width: 100vw; } .error-link-container { display: flex; justify-content: space-evenly; gap: 37px; padding-top: 35px; padding-bottom: 30px; max-width: 1000px; } .error-link { color: rgba(216, 17, 89, 1); font-size: 20px; } h1 { font-weight: 700; font-size: 40px; line-height: 44px; } p { font-weight: 400; font-size: 24px; line-height: 32px; } a { color: #208be6; text-decoration: none; } a:hover { text-decoration: underline; } footer, .global-footer{ display: none; } /* ------------------------------------- PHONE-SIZED DEVICES ------------------------------------- */ @media only screen and (max-device-width: 480px) { .error-content { text-align: center; } h1 { font-size: 38px; } p { font-size: 28px; } .error-link-container { justify-content: center; flex-wrap: wrap; align-content: flex-start; padding: 25px; gap: 25px; } .error-link-container div { width: 100vw; display: flex; flex-direction: column; align-items: flex-start; text-align: left; } .error-link { font-size: 28px; } } </style> </head> <body> <a href="https://disqus.com/" class="logo" data-analytics="site logo"><img src="//media.disquscdn.com/errors/img/disqus-logo-alt-hidpi.png" width="150" alt="DISQUS" title="Disqus - Discover your community"/></a> <div class="wrapper"> <div class="error-content"> <h1>Oops! This page could not be found!</h1> <p>Sorry, the page you are looking for doesn't exist or has been moved.</p> <div class="error-link-container"> <div> <a href="https://help.disqus.com/en/" class="error-link">Knowledge Base »</a> <p>Check our knowledge base for answers to FAQs.</p> </div> <div> <a href="https://blog.disqus.com/" class="error-link">Blog »</a> <p>Check our blog for helpful insights and tips about Disqus.</p> </div> <div> <a href="https://disqus.com/support/" class="error-link">Support »</a> <p>Check our support page for assistance and solutions.</p> </div> </div> </div> </div> </body> </html>