<!DOCTYPE html>
<html lang="en">

<head>
    {{ partial "head.html" . }}
</head>

<body id="top" class="">
    <section id="header" class="">
        {{ partial "header.html" . }}
    </section>

    {{ block "hero" . }}
    <section id="hero">
        {{ $img := resources.Get (default "/images/hero-bg.jpg" .Params.hero_image) }}
        {{ $img = $img.Resize "1256x jpg" }}
        <div class="hero is-medium" style="background-image: linear-gradient(-249deg, #53071b, #d41246), url({{ $img.RelPermalink }});">
            <div class="hero-body">
                <div class="container">
                    {{ block "hero-content" . }}
                    <div class="columns _is-centered is-vcentered has-text-white has-text-centered-mobile">
                        <div class="column is-full-tablet _is-offset-one-quarter-tablet">
                            <h1 class="title is-1 has-text-white">{{ block "title" . }}{{ end }}</h1>
                            <p class="subtitle has-text-white">{{ block "subtitle" . }}{{ end }}</p>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                    {{ end }}
                </div>
            </div>
        </div>
    </section>
    {{ end }}

    <section class="section">
        <div class="container content">
            {{ block "content" . }}
            {{ end }}
        </div>
    </section>

    {{ block "cta" . }}
    {{ if .Params.show_big_cta }}
    {{ partial "design/bigcta.html" . }}
    {{ else }}
    {{ partial "design/cta.html" . }}
    {{ end }}
    {{ end }}

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

</html>