<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta name="robots" content="noindex">
<meta name="viewport" content="initial-scale=1, minimum-scale=1, width=device-width">
<title>Error 404 (Not Found)</title>
<style>
    * {
        margin: 0;
        padding: 0
    }

    html, code {
        font: 15px/22px arial, sans-serif
    }

    html {
        background: #fff;
        color: #222;
        padding: 15px
    }

    body {
        margin: 7% auto 0;
        max-width: 390px;
        min-height: 180px;
        padding: 30px 0 15px
    }

    * > body {
        padding-right: 205px
    }

    code {
        color: #ff0000;
    }

    p {
        margin: 11px 0 22px;
        overflow: hidden
    }

    ins {
        color: #777;
        text-decoration: none
    }

    a img {
        border: 0
    }

    @media screen and (max-width: 772px) {
        body {
            background: none;
            margin-top: 0;
            max-width: none;
            padding-right: 0
        }
    }

    #url {
        font-size: 18px;
        color: #0000FF;
    }

</style>
<a href="{{HOMEPAGE}}" title="{{WEBSITE_TITLE}}"><span id="url">{{WEBSITE}}</span></a>
<p><b>404.</b> <ins>That’s an error.</ins>
<p>The requested URL <code>{{URL_PART}}</code> was not found on this server.  <ins>That’s all we know.</ins>