mirnet.org/themes/mir/layouts/_default/single.html

{{ define "main" }}
<div class="flex justify-center max-w-[1200px]">
  <div class="mb-24 h-full">
    <div class="flex flex-col">
      {{ if .Params.contact }}
      <section class="flex-row flex m-4 gap-8">
        <div class="bg-[#f1f5fc] p-4 rounded-lg">
          <p class="text-5xl uppercase">{{ .Title }}</p>
          <p class="text-lg">{{ .Params.subTitle }}</p>
          {{ partial "contact.html" . }}
        </div>
        <div class="flex-col flex bg-[#f1f5fc] p-4 rounded-lg">
          <img class="relative object-cover aspect-square h-96 rounded-lg" src="{{ .Params.Img }}">
          </img>
          <div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
        </div>
      </section>
      {{ else }}
      <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
      {{ end }}
    </div>
  </div>
</div>
{{ end }}