<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>404 hata sayfası</title>
<!-- Google Analytics 4 PV -->
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-X4ZF3W40JF&l=dataLayer&cx=c" nonce="wavwSy6JzoXzk_FdxQbogQ"></script>
<!-- Google Analytics 4 PV -->
<!-- Start Google Tag Manager -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-TQPP4KH');
});
</script>
<!-- End Google Tag Manager -->
</head>
<body>
<style>
* {
margin:0;
padding:0;
color: #fff;
}
body {
background:#ec1a29 url('https://static.gazetevatan.com/images/common/error-bg.png') center bottom repeat-x ;
min-height: 100vh;
padding-bottom: 255px;
box-sizing: border-box;
}
.container {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.header {
background: #fff;
text-align: center;
}
.logo {
padding: 38px 0px;
}
.error .error-item {
text-align: center;
color: #fff;
font-family: Arial;
}
.error .error-item .error-type span.type {
width: 171px;
height: 115px;
font-size: 100px;
font-weight: 700;
letter-spacing: 1.11px;
padding-top: 96px;
display: inline-block;
}
.error .error-item .error-title span.title {
max-width: 475px;
height: 26px;
font-size: 36px;
font-weight: 700;
letter-spacing: 0.2px;
line-height: 19px;
padding-top: 11px;
padding-bottom: 29px;
display: inline-block;
}
.error .error-item .error-description span.description {
max-width: 435px;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.09px;
padding-bottom: 97px;
display: inline-block;
}
.error .error-image .image {
bottom: 0;
position: fixed;
width: 100%;
}
</style>
<div class="container">
<div class="header">
<div class="logo"><img src="https://static.gazetevatan.com/images/vatan/vatan-ft-logo.png?v=2" alt=""></div>
</div>
<div class="error">
<div class="error-item">
<div class="error-type">
<span class="type">404</span>
</div>
<div class="error-title">
<span class="title">Kısa Bir Ara</span>
</div>
<div class="error-description">
<span class="description">
Sayfa Bulunamadı.
Elimizde olmayan nedenlerden dolayı kısa bir
ara
veriyoruz. <span id="countdown">5</span> saniye içinde ana sayfaya
yönlendirileceksiniz.
</span>
<p>
Beklemek istemiyorsanız <a href="https://www.gazetevatan.com">tıklayın.</a>
</p>
</div>
</div>
<div class="error-image"><img src="" class="image"></div>
</div>
</div>
<script type="text/javascript">
function counter($el, n) {
(function loop() {
$el.innerHTML = n;
if (n--) {
setTimeout(loop, 1000);
} else if (n <= 0) {
location.replace("https://www.gazetevatan.com")
}
})();
}
window.addEventListener("load", function() {
counter(document.getElementById("countdown"), 5);
})
</script>
</body>
</html>