CINXE.COM
Internal Server Error
<!doctype html> <html lang="tr"> <head> <meta charset="utf-8"> <title>Internal Server Error</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Roboto:300&subset=latin-ext" rel="stylesheet"> <style> html { line-height: 1.15; -webkit-text-size-adjust: 100%; width: 100%; height: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue" } body { margin: 0; width: 100%; height: 100%; background-color: #fff; background-image: url("/imgs/err-bg.jpg"); background-repeat: no-repeat; background-position: 27% 50%; background-size: 35%; overflow: hidden; } @media screen and (max-width: 991px) { body { background-position: 50% 20%; background-size: 150px; } } @media screen and (max-width: 575px) { body { background-position: 50% 15%; } } body::after { content: ""; width: 600px; height: 300px; background-color: #f2c11c; position: fixed; bottom: -125px; right: -240px; z-index: -1; transform: rotate(-45deg); transform-origin: 50% 50%; } @media screen and (max-width: 991px) { body::after { bottom: -175px; right: -300px; } } err { position: absolute; right: 15%; top: 50%; transform: translateY(-70%); text-align: center; } @media screen and (max-width: 1500px) { err { right: 10%; } } @media screen and (max-width: 991px) { err { right: 5%; top: 50%; transform: translateY(-30%); left: 5%; } } err h2 { font-size: 18rem; font-weight: 300; color: #f2c11c; margin: 0 0 25px 0; line-height: 1; } @media screen and (max-width: 1199px) { err h2 { font-size: 12rem; } } @media screen and (max-width: 991px) { err h2 { font-size: 8rem; } } @media screen and (max-width: 575px) { err h2 { font-size: 5rem; } } err p { color: #09376b; font-size: 1.3rem; letter-spacing: 15px; margin: 0; line-height: 1; } @media screen and (max-width: 991px) { err p { font-size: 0.8rem; letter-spacing: 5px; } } err a { font-size: 12px; font-weight: bold; margin-top: 30px; display: block; } err a[go-home], err a[go-home]:visited, err a[go-home]:focus, err a[go-home]:active { font-size: 12px; font-weight: bold; background-color: #09376b; font-weight: 500; color: #fff; display: inline-block; padding: 10px; text-decoration: none; border-radius: 5px; } err a[go-home]:hover { background-color: #0e4c92; } span[tick] { position: absolute; bottom: 50px; right: 50px; } @media screen and (max-width: 991px) { span[tick] { bottom: 20px; right: 20px; } } span[tick]::after { content: attr(tick); font-weight: bold; font-weight: 300; display: block; line-height: 70px; border-radius: 100%; font-size: 3rem; width: 70px; height: 70px; text-align: center; color: #09376b; } @media screen and (max-width: 991px) { span[tick]::after { font-size: 2rem; } } </style> </head> <body> <err> <h2>404</h2> <p err-line></p> <a go-home href="/"></a> </err> <span tick="5"></span> <script> var err = { "tr": { err: "SAYFA BULUNAMADI", home: "ANA SAYFA" }, "other": { err: "PAGE NOT FOUND", home: "HOME PAGE" } } // write err var lang = navigator.language || navigator.userLanguage; var detectedLang = lang == 'tr-TR' ? err.tr : err.other; var line = document.querySelectorAll("p[err-line]")[0]; var pageTitle = document.getElementsByTagName('title')[0]; line.innerHTML = detectedLang.err; pageTitle.innerText = '404 - ' + detectedLang.err; // write home button var homeBtn = document.querySelectorAll("a[go-home]")[0]; homeBtn.innerHTML = detectedLang.home; var time = 5; var item = document.querySelectorAll("span[tick]")[0]; function countDown() { time < 0 ? window.location.href = "/" : item.setAttribute("tick", time--); } setInterval(countDown, 1000) </script> </body> </html>