<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="REFRESH" content="1800" />
<!--Title-->
<title>404 not found</title>
<!--Meta Tag-->
<meta name="DESCRIPTION"  content=""/>
<meta name="KEYWORDS" content=""/>
<style>
	body{
		margin:0;
		padding: 0;
		font-family: "Arial";
	}
    .verify-result{
        text-align:center;
        height: 100vh;
        position: relative;
    }
    .verify-result	.verify-top{
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-45%, -50%);
    }
    .verify-result	.verify-title{
        font-size: 28px;
        line-height: 1.4;
        color: #333;
    }
    .verify-result	.verify-brief{
        font-size: 16px;
        line-height: 1.4;
        margin-top: 10px;
    }
    .verify-result .verify-icon svg{
        width: 100px;
        color: #094d8a;
        margin-bottom: 30px;
    }
    .verify-result	.countdown-wrapper .countdown{
        font-size: 36px;
        width: 90px;
        height: 90px;
        line-height: 90px;
        display:inline-block;
        color: #333;
        border: 5px solid #ccc;
        border-radius: 50%;
    }
    .countdown-wrapper {
        position: relative;
        margin: 50px auto;
        width: 100px;
        height: 100px;
        text-align: center;
    }

    .countdown-wrapper .countdown-number {
        color: white;
        display: inline-block;
        line-height: 100px;
    }

    .countdown-wrapper svg {
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        height: 100px;
        transform: rotateY(-180deg) rotateZ(-90deg);
    }

    .countdown-wrapper svg circle {
        stroke-dasharray: 350px;
        stroke-dashoffset: 0px;
        stroke-linecap: round;
        stroke-width: 5px;
        stroke: #f15f22;
        fill: none;
        animation: countdown 60s linear infinite forwards;
    }

    @keyframes countdown {
        from {
            stroke-dashoffset: 0px;
        }
        to {
            stroke-dashoffset: 350px;
        }
    }
</style>
</head>
<body>
<div class="verify-result verify-fail">
    <div class="verify-top">
		<div style="text-align:center;margin-bottom:30px;"><a style="margin-right: 10px;" href="/" title="Trang chủ"><img class="logo" height="50" src="/upload/63908/20210330/viettel-logo_31e05ca77c.png" alt="Logo"/></a></div>
        <div class="verify-content">
            <div class="verify-icon">
                <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cogs" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="svg-inline--fa fa-cogs fa-w-20 fa-3x"><path fill="currentColor" d="M512.1 191l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0L552 6.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zm-10.5-58.8c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.7-82.4 14.3-52.8 52.8zM386.3 286.1l33.7 16.8c10.1 5.8 14.5 18.1 10.5 29.1-8.9 24.2-26.4 46.4-42.6 65.8-7.4 8.9-20.2 11.1-30.3 5.3l-29.1-16.8c-16 13.7-34.6 24.6-54.9 31.7v33.6c0 11.6-8.3 21.6-19.7 23.6-24.6 4.2-50.4 4.4-75.9 0-11.5-2-20-11.9-20-23.6V418c-20.3-7.2-38.9-18-54.9-31.7L74 403c-10 5.8-22.9 3.6-30.3-5.3-16.2-19.4-33.3-41.6-42.2-65.7-4-10.9.4-23.2 10.5-29.1l33.3-16.8c-3.9-20.9-3.9-42.4 0-63.4L12 205.8c-10.1-5.8-14.6-18.1-10.5-29 8.9-24.2 26-46.4 42.2-65.8 7.4-8.9 20.2-11.1 30.3-5.3l29.1 16.8c16-13.7 34.6-24.6 54.9-31.7V57.1c0-11.5 8.2-21.5 19.6-23.5 24.6-4.2 50.5-4.4 76-.1 11.5 2 20 11.9 20 23.6v33.6c20.3 7.2 38.9 18 54.9 31.7l29.1-16.8c10-5.8 22.9-3.6 30.3 5.3 16.2 19.4 33.2 41.6 42.1 65.8 4 10.9.1 23.2-10 29.1l-33.7 16.8c3.9 21 3.9 42.5 0 63.5zm-117.6 21.1c59.2-77-28.7-164.9-105.7-105.7-59.2 77 28.7 164.9 105.7 105.7zm243.4 182.7l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0l8.2-14.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zM501.6 431c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.6-82.4 14.3-52.8 52.8z" class=""></path></svg>
            </div>
            <div class="verify-title">DỊCH VỤ THIẾT KẾ WEBSITE CỔNG THÔNG TIN HÀNH CHÍNH CÔNG</div>
            <div class="verify-brief">Đường link bạn đang tìm kiếm hiện không có. Hệ thống sẽ tự động quay lại trang chủ...</div>
            <div class="countdown-wrapper mt-30 mb-30">
                <span id="countdown-number" class="countdown"></span>
                <svg>
                    <circle r="48" cx="50" cy="50"></circle>
                </svg>
            </div>
        </div>
    </div>
</div>
<script>
	var countdownNumberEl = document.getElementById('countdown-number');
	var countdown = 60;
	countdownNumberEl.textContent = countdown;
	var found = false;
	setInterval(function() {		
		if(countdown == 1){
			found = true;
		}
		countdown = --countdown <= 0 ? 15 : countdown;		
		countdownNumberEl.textContent = countdown;
		if(found){		
			console.log(found);	
			window.location= "/";
		}
	}, 1000);
</script>
</body>
</html>