{{ partial "header.html" . }}

{{ partial "navbar.html" . }}

<main id="main">

<section id="more-features" class="section-bg">
<div class="container-fluid">
	<div class="section-header">
		<h3 class="section-title">{{ .Title }}</h3>
		<span class="section-divider"></span>
		<p class="section-description"></p>
	</div>
	{{ if .Content }}
		<div class="row">

			<div class="col-lg-8">{{ .Content }}</div>
			<div class="col-lg-2">&nbsp;</div>
		</div>
	{{ end }}
	<div class="row">
		<div class="col-lg-2">&nbsp;</div>
		<div class="col-lg-8">
		<section class="timeline">
			<div class="container" style="text-align: left!important">
			{{ range .Pages.ByDate.Reverse }}
				<div class="timeline-item">
					<div class="timeline-img"></div>
					<div class="timeline-content js--fadeInLeft">
						<h2><a href="{{ .Permalink }}"><span class="post-title">{{ .Title }}</span></a></h2>
						{{ $eventdate := .Param "eventdate" }}
						<div class="date">{{ dateFormat "2 January 2006" $eventdate }}</div>
						<p>{{ .Summary }}</p>
					</div>
				</div>
			{{ end }}
			</div>
		</section>
		</div>
		<div class="col-lg-2">&nbsp;</div>
	</div>
</div>
</section>

</main>

{{ partial "footer.html" . }}