﻿
<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <link rel="apple-touch-icon" href="/Content/images/touch-icon-iphone.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/Content/images/touch-icon-ipad.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/Content/images/touch-icon-iphone-retina.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/Content/images/touch-icon-ipad-retina.png" />
    <link rel="apple-touch-startup-image" href="/Content/images/startup.png" />
    <link rel="icon" href="/Content/Health/images/favicon.ico?v=3" type="image/x-icon" />

    <meta charset="utf-8">
    <meta name="msvalidate.01" content="AAF1C6177FBDD3FF8AFF757585845C8A" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>404 Error</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=0.6">

    <style>
        body {
        }

        .layover {
            background: url('back1.jpg');
            background-size: contain;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-filter: blur(10px);
            -moz-filter: blur(10px);
            -o-filter: blur(10px);
            -ms-filter: blur(10px);
            filter: blur(10px);
            z-index: -1;
        }

        #mainWarpper {
            width: 80%;
            margin: 0 auto;
        }

        .header {
            margin-top: 8%;
            background: #CCCCCC;
            padding: 10px;
            text-align: right;
            opacity: .7;
            text-align: center;
        }

            .header .logo {
                height: 130px;
            }

        .Error404 {
            font-size: 100px;
            color: #fff;
            display: inline-block;
            float: left;
            text-shadow: 2px 2px 54px #000;
            font-family: fantasy;
        }

        .Body {
            background-color: #F0F0F0;
            /*opacity:0.8;*/
            padding: 30px;
            text-align: center;
            border-top: 0.3em solid #2575BC;
        }

        .envelop {
            width: 217px;
            height: 142px;
            background: url('pagelogo.png');
            background-repeat: no-repeat;
            background-position-x: 20px;
            display: inline-block;
            position: relative;
            padding-top: 80px;
            font-size: 20px;
            font-family: serif;
        }

        .siteLink {
            direction: rtl;
            margin-top: 20px;
            font-size: 22px;
        }

            .siteLink a {
                margin-right: 10px;
                color: #2575bc;
                text-decoration: none;
                letter-spacing: 1px;
                transition: 0.3s;
                font-weight: bold;
                font-family: sans-serif;
            }

                .siteLink a:hover {
                    color: #004593;
                }

        #logoText {
            margin-top: 34px;
            float: left;
            width: auto;
            display: inline-block;
            color: #2575bc;
            font-family: MingHei_R;
            font-size: 25px;
        }

        #logoArea {
            width:auto;
            display: inline-block;
        }

        #logo {
            float: left;
        }
        #logoText {
            margin-left: 20px;
        }
    </style>
</head>
<body>
    <div class="layover"></div>
    <div id="mainWarpper" style="">
        <div class="header">
            <div id="logoArea">
                <img src="https://www.aljazeera.net/Views/Shared/siteportal/images/jazeera_logo.png" class="logo" id="logo">
                <span id="logoText"></span>
            </div>
        </div>
        <div class="Body">
            <div class="envelop">
                <p id="errorP">عذراً الصفحة المطلوبة غير موجودة</p>
            </div>

            <div class="siteLink"><span id="goToMsg">الرجاء التوجه إلى</span> <a id="pageLink" href="https://www.aljazeera.net">https://www.aljazeera.net</a></div>
        </div>
    </div>
    <script type="text/javascript">

        if (window.location.href.toLowerCase().indexOf("chinese") > -1) {
            document.getElementById('logo').src = 'https://chinese.aljazeera.net/Content/images/logo.png';
            document.getElementById('logo').style.height = '82px';
            document.getElementById('logoText').innerHTML = '半岛电视台中文网';
            document.getElementById('pageLink').setAttribute('href', "https://chinese.aljazeera.net");
            document.getElementById('pageLink').innerHTML = 'https://chinese.aljazeera.net';
            document.getElementById('errorP').innerHTML = 'We are sorry Page was not found';
            document.getElementById('goToMsg').innerHTML = 'Please go to';

        }
        else if (window.location.href.toLowerCase().indexOf("indonesian") > -1) {
            document.getElementById('logo').src = 'https://indonesian.aljazeera.net/Content/images/logo.png';
            document.getElementById('logo').style.height = '82px';
            document.getElementById('logoText').innerHTML = 'Situs Aljazeera';
            document.getElementById('pageLink').setAttribute('href', "https://indonesian.aljazeera.net");
            document.getElementById('pageLink').innerHTML = 'https://indonesian.aljazeera.net';
            document.getElementById('errorP').innerHTML = 'We are sorry Page was not found';
            document.getElementById('goToMsg').innerHTML = 'Please go to';
        }
        else if (window.location.href.toLowerCase().indexOf("sport") > -1) {
            document.getElementById('pageLink').setAttribute('href', "https://sport.aljazeera.net");
            document.getElementById('pageLink').innerHTML = 'https://sport.aljazeera.net';
        }        else if (window.location.href.toLowerCase().indexOf("learning") > -1) {
            document.getElementById('pageLink').setAttribute('href', "https://learning.aljazeera.net/");
            document.getElementById('pageLink').innerHTML = 'https://learning.aljazeera.net/';
        }
    </script>
</body>
</html>
