<!DOCTYPE html>
<html lang="{{ .Page.Language | default "en" }}" class="js csstransforms3d">
  <head>
    {{- partial "meta.html" . }}
    {{- .Scratch.Add "title" "" }}
    {{- if eq .Site.Data.titles .Title }}
      {{- .Scratch.Set "title" (index .Site.Data.titles .Title).title }}
    {{- else }}
      {{- .Scratch.Set "title" .Title}}
    {{- end }}
    <title>{{ .Scratch.Get "title" }} {{ default "::" .Site.Params.titleSeparator }} {{ .Site.Title }}</title>

    {{- partial "favicon.html" . }}
    {{- partial "stylesheet.html" . }}
    <style>
      p, li, ul {
        text-align: center
      }
      ul {
        list-style-type: none;
      }
    </style>
    {{- partial "custom-header.html" . }}
  </head>
  <body class="default-animation" data-url="/">
    <div id="body default-animation" style="margin-left:0px;">
      <div id="overlay"></div>
      <div id="chapter">
        <main id="body-inner">
          <h1>{{ T "title-404" }}</h1>
          <p></p>
          <p>{{ T "message-404" }}</p>
          <p></p>
          <p><a href="{{ "" | relLangURL }}">{{ T "Go-to-homepage" }}</a></p>
          <p><img src="{{ "/images/gopher-404.jpg" | relURL }}" style="width:50%" alt="Page not found!"></p>
        </main>
      </div>
    </div>
  </body>
</html>