<!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:BlogName encode_html="1"}}</title>
	<meta name="description" lang="{{tpl:BlogLanguage}}" content="{{tpl:BlogDescription cut_string=" 180"
		remove_html="1" encode_html="1" }}<tpl:PaginationIf start="0"> - {{tpl:lang page}} {{tpl:PaginationCurrent}}
	</tpl:PaginationIf>" />

	<link rel="contents" title="{{tpl:lang Entries}}" href="{{tpl:BlogPostsURL}}" />
	<link rel="contents" title="{{tpl:lang Archives}}" href="{{tpl:BlogArchiveURL}}" />
	<tpl:Categories>
		<link rel="section" href="{{tpl:CategoryURL}}" title="{{tpl:CategoryTitle encode_html=" 1"}}" />
	</tpl:Categories>

	<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="{{tpl:BlogFeedURL type=" atom"}}" />
	<link rel="meta" type="application/xbel+xml" title="Blogroll" href="{{tpl:BlogrollXbelLink}}" />

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

<body id="page-top" class="dc-home dc-home-static">

	{{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-leaf"></i> {{tpl:BlogName encode_html="1"}}
					</h1>
					<p class="text-white">{{tpl:BlogDescription encode_html="1" remove_html="1"}}</p>
					<a href="#content" class="btn btn-circle page-scroll">
						<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 Entry}}</h2>
				<tpl:IfBlogStaticEntryURL>
					{{tpl:BlogStaticEntryURL}}
					<tpl:Entries>
						<article id="p{{tpl:EntryID}}" class="post {{tpl:EntryIfOdd}} {{tpl:EntryIfFirst}}"
							lang="{{tpl:EntryLang}}">
							<!-- # New day date -->
							<tpl:DateHeader>
								<p class="day-date">{{tpl:EntryDate}}</p>
							</tpl:DateHeader>

							<h2 class="post-title"><a href="{{tpl:EntryURL}}">{{tpl:EntryTitle encode_html="1"}}</a>
							</h2>

							<!-- # --BEHAVIOR-- publicEntryBeforeContent -->
							{{tpl:SysBehavior behavior="publicEntryBeforeContent"}}

							<!-- # Entry with an excerpt -->
							<tpl:EntryIf extended="1">
								<div class="post-content">{{tpl:EntryExcerpt}}</div>
								<p class="read-it"><a href="{{tpl:EntryURL}}"
										title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html=" 1"}}"><i
											class="fa fa-plus-circle"></i> {{tpl:lang Continue reading}}</a></p>
							</tpl:EntryIf>

							<!-- # Entry without excerpt -->
							<tpl:EntryIf extended="0">
								<div class="post-content">{{tpl:EntryContent}}</div>
							</tpl:EntryIf>

							<!-- # --BEHAVIOR-- publicEntryAfterContent -->
							{{tpl:SysBehavior behavior="publicEntryAfterContent"}}

							<div class="post-infos row align-items-start">

								<div class="col">
									<p><i class="fa fa-user"></i> {{tpl:EntryAuthorLink}}</p>
									<p><i class="fa fa-calendar"></i> {{tpl:EntryDate format="%d-%m-%Y"}}</p>
									<tpl:EntryIf has_category="1">
										<p><a href="{{tpl:EntryCategoryURL}}"><i class="fa fa-folder-open"></i>
												{{tpl:EntryCategory encode_html="1"}}</a></p>
									</tpl:EntryIf>
								</div>

								<div class="col">
									<tpl:EntryTags>
										<tpl:TagsHeader>
											<p>
										</tpl:TagsHeader>
										<span><a href="{{tpl:TagURL}}"><i class="fa fa-tags"></i>
												{{tpl:TagID}}</a></span>
										<tpl:TagsFooter>
											</p>
										</tpl:TagsFooter>
									</tpl:EntryTags>

								</div>

								<div class="col">
									<!-- # Number of comments, trackbacks and attachments -->

									<tpl:EntryIf show_comments="1">
										<p><a href="{{tpl:EntryURL}}#post-comments" class="comment_count"><i
													class="fa fa-comment"></i> {{tpl:EntryCommentCount}}</a></p>
									</tpl:EntryIf>
									<tpl:EntryIf show_pings="1">
										<p><a href="{{tpl:EntryURL}}#pings" class="ping_count"><i
													class="fa fa-comment"></i>
												{{tpl:EntryPingCount}}</a></p>
									</tpl:EntryIf>
									<tpl:EntryIf has_attachment="1">
										<p><a href="{{tpl:EntryURL}}#attachments" class="attach_count"><i
													class="fa fa-paperclip"></i> {{tpl:EntryAttachmentCount}}</a></p>
									</tpl:EntryIf>
								</div>
							</div>
						</article>

						<tpl:EntriesFooter>
							<div class="post-footer row align-items-start">
								<tpl:Pagination>
									<div class="col">
										<tpl:PaginationIf end="0"><a href="{{tpl:PaginationURL offset=" +1"}}"
												class="btn btn-default btn-lg">&#171;
												{{tpl:lang previous entries}}</a></tpl:PaginationIf>
									</div>
									<div class="col">
										{{tpl:lang page}} {{tpl:PaginationCurrent}} {{tpl:lang of}}
										{{tpl:PaginationCounter}}
									</div>
									<div class="col">
										<tpl:PaginationIf start="0"><a href="{{tpl:PaginationURL offset=" -1"}}"
												class="btn btn-default btn-lg">{{tpl:lang next entries}}
												&#187;</a></tpl:PaginationIf>
									</div>
								</tpl:Pagination>
							</div>
						</tpl:EntriesFooter>
					</tpl:Entries>
					{{tpl:else}}
					<article class="post">
						<h2 class="post-title">{{tpl:lang Welcome}}</h2>
						<div class="post-content">
							<p>{{tpl:lang The list of recents posts is available}} <a
									href="{{tpl:BlogPostsURL}}">{{tpl:lang here}}</a>.</p>
						</div>
					</article>
				</tpl:IfBlogStaticEntryURL>
				<p><a href="#page-top" class="btn btn-circle page-scroll up"><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>