<!DOCTYPE html>
<html lang="{{tpl:BlogLanguage}}">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="ROBOTS" content="{{tpl:BlogMetaRobots robots="NOINDEX,NOARCHIVE"}}">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="author" content="{{tpl:BlogEditor encode_html="1"}}">
	
	<title>{{tpl:lang Document not found}} - {{tpl:BlogName encode_html="1"}}</title>
	
	<link rel="top" href="{{tpl:BlogURL}}" title="{{tpl:lang Home}}">
	<link rel="contents" title="{{tpl:lang Archives}}" href="{{tpl:BlogArchiveURL}}">
	<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="{{tpl:BlogFeedURL type="atom"}}">

	{{tpl:include src="_head.html"}}
</head>

<body id="page-top" class="dc-404">

	{{tpl:include src="_top.html"}}
	
    <!-- Intro Header -->
	<header class="intro">
		<div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
			<div class="d-flex justify-content-center">
				<div class="text-center">
					<h1 class="mx-auto my-0 text-uppercase"><i class="fa fa-exclamation-circle"></i> {{tpl:lang Document not found}}</h1>
					</h1>
					<p class="text-white">{{tpl:lang The document you are looking for does not exist.}}</p>
					<a href="#content" class="btn btn-circle page-scroll js-scroll-trigger">
						<i class="fa fa-angle-double-down animated"></i>
					</a>
					<ul class="rss intro-footer">
						<li><a type="application/atom+xml" href="{{tpl:BlogURL}}feed/atom"
								title="{{tpl:lang Entries feed}}" class="feed"><i class="fa fa-rss"></i> {{tpl:lang
								Entries feed}}</a></li>

						<tpl:SysIf operator="or" comments_active="1" pings_active="1">
							<li><a type="application/atom+xml" href="{{tpl:BlogURL}}feed/atom/comments"
									title="{{tpl:lang This blog's comments Atom feed}}" class="feed"><i
										class="fa fa-rss"></i> {{tpl:lang Comments feed}}</a></li>
						</tpl:SysIf>
					</ul>
				</div>
			</div>
		</div>
	</header>

    <!-- Content Section -->
    <section id="content" class="container px-4 px-lg-5 content-section text-center" role="main">
		<div class="row gx-4 gx-lg-5 justify-content-center">
			<div class="col-lg-10">
				<h2 class="sr-only sr-only-focusable">{{tpl:lang Error page}}</h2>
				<div class="post">
					<h2 class="post-title">{{tpl:lang Suggestions:}}</h2>
					<div class="post-content">
						<ul>
							<li><a href="{{tpl:BlogURL}}">{{tpl:lang Go to homepage}}</a></li>
							<li><a href="#search">{{tpl:lang Use search form}}</a></li>
							<li><a href="{{tpl:BlogURL}}archive">{{tpl:lang Explore archives}}</a></li>
						</ul>
					</div>
				</div>
				<p><a href="#page-top" class="btn btn-circle page-scroll up js-scroll-trigger"><i
					class="fa fa-angle-double-up animated"></i></a></p>
            </div>
        </div>
    </section>

    <!-- Menubar Section -->
	{{tpl:include src="_menubar.html"}}

    <!-- Footer -->
    {{tpl:include src="_footer.html"}}

</body>

</html>
