<!DOCTYPE html>
<html>
    <head>
        {{partial "head" .}}
    </head>
    <body>
        {{partial "header" .}}
        <main>
            <section>
                {{ if .Content}}
                <article>
                    {{.Content}}
                </article>
                {{end}}
                {{ if .Pages }}
                <article>
                    {{range .Pages}}
                <section class="listing">
                    <div>
                        {{ if .Params.video}}
                        <video autoplay muted>
                            <source src="{{.Params.video}}">
                        </video>
                    {{else}}
                    <a href="{{.Permalink}}">
                        <img src="{{.Params.image}}">
                    </a>
                    {{end}}
                    </div>
                    <div>
                    <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
                    <p>{{.Params.description}}</p>
                    </div>
                </section>
                {{end}}
                </article>
                {{end}}
            </main>

    {{partial "footer" .}}
    </body>
</html>