<!DOCTYPE html>
<html>
<head>
{{partial "head" .}}
</head>
<body>
{{partial "header" .}}
<main>
<section id="main-content">
<article>
{{.Content}}
</article>
{{ if .Site.Data.details.social_links}}
<hr>
<div>
<h2>Stay up to date</h2>
<div id="social-links">
{{range .Site.Data.details.social_links}}
<div class="social-link">
<a href="{{.href}}">
<img src="{{.img}}">
</a>
<a href="{{.href}}"><strong>{{.title}}</strong></a>
</div>
{{end}}
</div>
</div>
{{end}}
</section>
<section id="sidebar">
{{partial "sidebar" .}}
</section>
</main>
{{ partial "footer" .}}
</body>
</html>