132 lines
3.4 KiB
HTML
132 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>The page you were looking for doesn't exist (404)</title>
|
|
<style type="text/css">
|
|
|
|
@font-face {
|
|
font-family: 'din-medium';
|
|
src: url('/assets/Fonts/din.eot');
|
|
src: url('/assets/Fonts/din.eot?#iefix') format('embedded-opentype'),
|
|
url('/assets/Fonts/din.woff') format('woff'),
|
|
url('/assets/Fonts/din.ttf') format('truetype'),
|
|
url('/assets/Fonts/din.svg#din-medium') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'din-regular';
|
|
src: url('/assets/Fonts/din-reg.eot');
|
|
src: url('/assets/Fonts/din-reg.eot?#iefix') format('embedded-opentype'),
|
|
url('/assets/Fonts/din-reg.woff') format('woff'),
|
|
url('/assets/Fonts/din-reg.ttf') format('truetype'),
|
|
url('/assets/Fonts/din-reg.svg#din-reg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
body {
|
|
background: #d8d9da url(/assets/shattered_@2X.png);
|
|
font-family: 'din-regular', helvetica, sans-serif;
|
|
color: #424242;
|
|
text-align: justify;
|
|
font-size: 18px;
|
|
line-height: 18px;
|
|
}
|
|
.dialog a {
|
|
color:#c04f4f;
|
|
}
|
|
.title{
|
|
font-size:50px;
|
|
line-height: 50px;
|
|
text-align: left;
|
|
font-family: 'din-medium', helvetica, sans-serif;
|
|
text-transform: uppercase;
|
|
margin-bottom: 24px;
|
|
}
|
|
div.dialog {
|
|
width: 380px;
|
|
border: 0px;
|
|
border-right-color: #999;
|
|
border-bottom-color: #999;
|
|
float: left;
|
|
margin-right: 50px;
|
|
padding-top: 70px;
|
|
padding-bottom: 70px;
|
|
}
|
|
.picture {
|
|
width: 450px;
|
|
height: 450px;
|
|
border: 10px solid #424242;
|
|
border-radius: 225px;
|
|
-webkit-border-radius: 225px;
|
|
-moz-border-radius: 225px;
|
|
background: url(/assets/monkeyselfie.jpg) no-repeat;
|
|
float: left;
|
|
background-position:50% 20%;
|
|
background-size: 100%;
|
|
margin-top: 110px;
|
|
}
|
|
|
|
.wrapper {
|
|
margin: 0 auto;
|
|
width: 900px;
|
|
}
|
|
|
|
.button {
|
|
display: block;
|
|
width: 220px;
|
|
height: 14px;
|
|
padding: 16px 0;
|
|
margin-bottom: 16px;
|
|
text-align: center;
|
|
border-radius: 2px;
|
|
font-size: 14px;
|
|
box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
|
|
margin: 0 auto;
|
|
text-decoration: none;
|
|
color: #FFFFFF !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.blogCTA {
|
|
background-color: #4fc059;
|
|
|
|
}
|
|
|
|
.blogCTA:hover {
|
|
background-color: #49ad4e;
|
|
}
|
|
|
|
.exploreFeaturedCTA {
|
|
background-color: #a354cd;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.exploreFeaturedCTA:hover {
|
|
background-color: #9150bc;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- This file lives in public/404.html -->
|
|
<div class="wrapper">
|
|
<div class="dialog">
|
|
<h1 class="title">404 - You've Found Nothing</h1>
|
|
<p>Nothing is here!</p>
|
|
<p>
|
|
It seems the page you are looking for could not be found, doesn't exist anymore, or maybe just moved.
|
|
</p>
|
|
<p>
|
|
Try checking the URL for errors, then hit the refresh button on your browser. If that doesn't work, the best thing to do is go back to the home page using the button below.
|
|
</p>
|
|
<a href="/" class="button exploreFeaturedCTA">GO BACK HOME!</a>
|
|
|
|
</div>
|
|
<div class="picture">
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|