<!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}}">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="author" content="{{tpl:BlogEditor encode_html=" 1"}}">

	<title>{{tpl:lang Archives}} - {{tpl:BlogName encode_html="1"}}</title>

	<tpl:Archives>
		<link rel="chapter" href="{{tpl:ArchiveURL}}" title="{{tpl:ArchiveDate encode_html=" 1"}}">
	</tpl:Archives>

	<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-archive">

	{{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-calendar"></i> {{tpl:lang Archives}}</h1>
					<p class="text-white">{{tpl:BlogDescription encode_html="1" remove_html="1"}}</p>
				</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 Archives list}}</h2>
				<tpl:Archives>
					<tpl:ArchivesYearHeader>
						<article class="post">
							<div class="post-content">
								<h2 class="post-title">{{tpl:ArchiveDate format="%Y"}}</h2>
								<ul>
					</tpl:ArchivesYearHeader>
					<li><a href="{{tpl:ArchiveURL}}" title="{{tpl:ArchiveDate encode_html=" 1"}}">{{tpl:ArchiveDate
							encode_html="1" format="%B"}}</a>
						({{tpl:ArchiveEntriesCount}})</li>
					<tpl:ArchivesYearFooter>
						</ul>
			</div>
			</article>
			</tpl:ArchivesYearFooter>
			</tpl:Archives>

			<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>