<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page not available</title>
</head>
<body>
<style>
::selection {
color: #fff;
background: #040114;
}
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 100%;
background: url(/error_image/not-avai-bg.jpg) center center fixed no-repeat;
background-size: cover;
background-color: #000;
}
#page-not-avai-in-this-lang {
min-height: 768px;
}
.message {
text-align: center;
position: absolute;
left: 50%;
top: 25%;
margin-left: -210px;
}
.message h1 {
margin: 0 0.2em 0 0;
color: #fff;
font-size: 8.5em;
font-weight: normal;
}
.message h2 {
margin: 0;
padding: 0;
color: #fff;
}
.message p {
color: #fff;
}
.home,
.prev-page {
color: #fff;
}
a.home:hover,
.prev-page:hover {
text-decoration: none;
}
</style>
<div id="page-not-avai-in-this-lang">
<section class="message">
<h1>OOPS!</h1>
<h2>Page not available.</h2>
<p>Sorry, this page is not available for this language.<br> You can go back to <a class="home" href="/">home</a> or <a class="prev-page" href="#" onclick="window.history.back();return false;">previous</a> page.</p>
</section>
</div>
</body>
</html>