{{ partial "header.html" . }}
    <main id="main">
        <div class="d-flex flex-column justify-content-center bg-skew bg-skew-light overflow-hidden">
            <div class="container">
                <div class="row justify-content-lg-center text-center">
                    <div class="col-lg-8">
                        <h1 class="display-4 mb-5 mt-5">Page not found</h1>
                        <p class="lead mb-5">The page you are looking for does not exist.</p>
                        <a href="{{ .Site.BaseURL }}" class="btn btn-primary rounded-pill">Go to home page</a>
                    </div>
                </div>
            </div>
        </div>
    </main>
{{ partial "footer.html" . }}

{{ define "main" }}
    <div class="row" style="margin-top: 2em">
        <h2>Page not found</h2>
        <p>The page you are looking for does not exist.</p>
        <a href="{{ .Site.BaseURL }}" class="btn btn-primary rounded-pill">Go back to the home page.</a>
    </div>
{{ end }}