<!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:EntryTitle encode_html="1"}} - {{tpl:BlogName encode_html="1"}}</title>
    <link rel="contents" href="{{tpl:BlogArchiveURL}}" title="{{tpl:lang 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-page">

	{{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-cogs"></i> {{tpl:EntryTitle encode_html="1"}}</h1>
					
					<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 Entry}}</h2>
				<article id="p{{tpl:EntryID}}" class="post">
					
					<!-- # --BEHAVIOR-- publicEntryBeforeContent -->
					{{tpl:SysBehavior behavior="publicEntryBeforeContent"}}

					<tpl:EntryIf extended="1">
					<div class="post-excerpt">{{tpl:EntryExcerpt}}</div>
					</tpl:EntryIf>
					<div class="post-content">{{tpl:EntryContent}}</div>

					<div class="post-infos 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>
							
						</div>
						
						<div class="col">
							
							
						</div>
						
						<div class="col">
						
							
							
						</div>
					</div>

					<!-- # --BEHAVIOR-- publicEntryAfterContent -->
					{{tpl:SysBehavior behavior="publicEntryAfterContent"}}
				</article>
				
				<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>
