<header>
    <a href="{{.Site.BaseURL}}">
        <img src="{{.Site.Params.default_img}}">
    </a>
    <div>
    <h1>{{.Site.Title }}</h1>
    <i>{{.Site.Params.subtitle}}</i>
    </div>
    <nav>
        <a href="{{.Site.BaseURL}}"><h2>Home</h2></a>
        {{ range .Site.Sections}}
        <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
        {{end}}
    </nav>

    {{ if .Site.Data.details.social_links}}
        <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>
    {{end}}
    
</header>