<section class="news-info">
   <div class="d-flex">
    <span>
        {{ range (.GetTerms "categories") }}
        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
        {{ end }}
       </span>
       <span class="d-flex align-items-center ms-3">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16">
            <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
          </svg>
            <small class="ms-2">
              {{ .Date | time.Format ":date_long" }}
            </small>
       </span>
   </div>
    <div class="mt-2 mb-3">
        {{ range (.GetTerms "tags") }}
        <a href="{{ .Permalink }}">
            <span class="badge bg-secondary fs-6 pb-2 px-3 m-1"> {{ .LinkTitle }}</span>
        </a>
        {{ end }}
    </div>
</section>
<h1 class="blog-post-title">
    <a class="text-dark text-decoration-none" href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
</h1>