115 lines
2.7 KiB
HTML
115 lines
2.7 KiB
HTML
<!--highhay.com-->
|
|
<!DOCTYPE html>
|
|
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
|
|
<!--[if gt IE 8]><!-->
|
|
<html class="no-js" lang="en" >
|
|
<!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<title>HighHay</title>
|
|
<!-- Behavioral Meta Data -->
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
|
|
|
|
<!-- Core Meta Data -->
|
|
<meta name="author" content="High Hay (HighHay) digital agency">
|
|
<meta name="description" content="High Hay (HighHay) is a digital creation agency. We design efficient websites and make mobile and web applications">
|
|
<meta name="keywords" content="high hay,highhay,design,responsive,digital agency, efficient,powerful,efficiency,web-design,mobile,e-learning,
|
|
web application">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="important-notes">
|
|
<h2>Sorry, the page that you are looking for doesn't exist.</h2>
|
|
<p>
|
|
<a href="http://highhay.com" style="margin-top:">Go to HighHay's main page</a>
|
|
</p>
|
|
</div>
|
|
<p class="copyright">
|
|
- <span>HighHay | contact@highhay.com | <a href="http://highhay.com">Go to HighHay's main page</a></span> -
|
|
</p>
|
|
|
|
|
|
</div>
|
|
</body>
|
|
<style>
|
|
h4{
|
|
color: #333;
|
|
}
|
|
a{
|
|
color:#397BA7;
|
|
text-decoration:none;
|
|
}
|
|
a:visited{
|
|
color:#2065A6;
|
|
text-decoration:none;
|
|
}
|
|
|
|
html, body, .container{ height: 100%; margin: 0; padding: 0; }
|
|
body{
|
|
min-width: 320px;
|
|
overflow: hidden;
|
|
}
|
|
body{
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 11px;
|
|
font-weight: 200;
|
|
letter-spacing: 2px;
|
|
line-height: 14px;
|
|
text-transform: uppercase;
|
|
color: #444;
|
|
}
|
|
a{
|
|
color: #888;
|
|
text-decoration: none;
|
|
}
|
|
a:hover{
|
|
color: #000;
|
|
}
|
|
.container{
|
|
width: 100%;
|
|
box-shadow: 0px -5px 0 0px #000 inset, 0px 5px 0 0px #000 inset;
|
|
}
|
|
.important-notes{
|
|
width: 320px;
|
|
height: 78px;
|
|
padding: 0px 30px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -39px 0 0 -190px;
|
|
background: #fff;
|
|
text-align: center;
|
|
}
|
|
.important-notes:before{
|
|
content: '';
|
|
position: fixed;
|
|
left: 30px;
|
|
right: 30px;
|
|
height: 1px;
|
|
background: rgba(207,207,207,0.3);
|
|
top: 50%;
|
|
z-index: -1;
|
|
}
|
|
.copyright{
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 5px;
|
|
text-align: center;
|
|
text-transform: none;
|
|
letter-spacing: 0.04em;
|
|
}
|
|
@media screen and (max-width: 400px){
|
|
.important-notes{
|
|
-webkit-transform: scale(0.6);
|
|
-moz-transform: scale(0.6);
|
|
-o-transform: scale(0.6);
|
|
-ms-transform: scale(0.6);
|
|
-webkit-transform: scale(0.6);
|
|
}
|
|
}
|
|
</style>
|
|
</html> |