<header>
  <section class="hero is-primary is-medium">
    <div class="hero-body has-text-centered">
      <p class="title">{{ .Title }}</p>
      {{ with .Params.subtitle }}
        <p class="subtitle">{{ . }}</p>
      {{ end }}
      {{ with .Params.categories }}
      <div class="tags colums is-centered is-rounded">
        {{ range . }}
        <span class="tag is-large mx-2"><a href="{{ "categories" | absURL }}/{{ . | urlize }}">{{ . }}</a></span>
        {{ end }}
      </div>
      {{ end }}
    </div>
  </section>
</header>