layouts/404.html

<html lang="{{ .Site.LanguageCode | default (printf "en-us") }}">
  {{- $.Scratch.Set "layout_info" (dict "is_404" true "root" $ "real_page" . "page" . "page_scratch" $.Scratch) -}}
  {{- partial "helpers/fragments.html" (dict "page_scratch" $.Scratch) -}}
  {{- partial "head.html" . }}
  {{- $bg := .Site.Params.style.background | default "secondary" -}}

  <body class="{{ printf "bg-%s" $bg }}">
    {{ partial "helpers/fragments-renderer.html" (dict "page_scratch" .Scratch) -}}

    <div id="react"></div>
    <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header row mx-0">
              <div class="modal-title col px-0">
                <h5 class="title text-dark"></h5>
                <h6 class="subtitle text-secondary"></h6>
              </div>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <img src="" alt="" class="img-fluid">
            <div class="modal-body p-3">
              <div class="content"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

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