!DOCTYPE HTML HTML LANGTR HEAD META CHARSETUTF8 TITLEINTERNAL SERVER

!DOCTYPE DOCTYPE PUBLIC W3CDTD HTML 40 TRANSITIONALEN HTML HEAD
!DOCTYPE HTML HTML LANGEN DIRLTR HEAD ! GOOGLE
!doctype Html !
!doctype Html ! Developed by Zsolt Sebestyen in Association
!doctype Html ! Saved From Url(0046) htmlscript
!DOCTYPE HTML ! SERVER SFSFORGE10 ![IF LT IE
<!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&amp;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>
!doctype Html ! ver 362 html head title
!DOCTYPE HTML ![IF IE 6] HTML IDIE6 LANGENGB ![ENDIF]
!DOCTYPE HTML ![IF IE 6] HTML IDIE6 LANGESCR ![ENDIF]
Tags: charsetutf8, langtr, server, !doctype, titleinternal