<!DOCTYPE html>
<html>
<head>
<title>The page you were looking for doesn't exist (404)</title>
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700,600);
body {
background: #fff url('/assets/icon-fade-bg.png') repeat-x center top;
font-family: "Open Sans","Helvetica Neue",Helvetica,sans-serif;
margin: 0px;
padding: 0px;
}
.error_message {
-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
background: #212F4F;
box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
margin: 100px auto;
overflow: hidden;
width: 400px;
color: rgba(255,255,255,.8);
padding: 50px 75px 60px;
}
.error_message h1 {
color: #fff;
font-size: 120px;
margin: 0px;
padding: 0px;
}
.error_message h2 {
color: #fff;
font-size: 34px;
font-weight: 200;
margin: -20px 0px 0px;
padding: 0px;
text-transform: uppercase;
}
.error_message p {
font-size: 18px;
}
.error_message .links {
list-style: none;
margin: 0;
padding: 10px 0px 0px;
}
.error_message .links li {
float: left;
margin-right: 20px;
text-align: center;
width: 190px;
}
.error_message .links li.docs_link {
float: right;
margin-right: 0;
}
.error_message .links li a {
border: solid transparent 1px;
color: #fff;
background: #FB6970;
display: block;
font-size: 18px;
padding: 10px;
text-decoration: none;
}
.error_message .links li a:hover {
background: #D85A60;
}
.error_message .links li span {
font-size: 11px;
text-transform: uppercase;
}
</style>
</head>
<body>
<!-- This file lives in public/404.html -->
<div class="error_message">
<h1>404!</h1>
<h2>The page you were looking for doesn't exist.</h2>
<p id="reason">You may have mistyped the address or the page may have moved.</p>
<ul class="links">
<li class="status_link">
<a href="http://status.convertkit.com">Status Page</a>
<span>Get the latest information</span>
</li>
<li class="docs_link">
<a href="http://help.convertkit.com">Help Docs</a>
<span>Read our documentation</span>
</li>
</ul>
</div>
</body>
</html>