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

                </article>
                {{end}}
            </section>
            <section id="sidebar">
            {{partial "sidebar" .}}
            </section>
        </main>
        {{ partial "footer" .}}
    </body>
</html>