{{ define "main" }}
<div class="container my-5">
  <div class="row">
    <div class="col-12 col-lg-8 col-xl-9">
      <div class="row align-items-center">
        {{ range .Paginator.Pages }}
        <div class="col-12">
          <div class="row">
            <div class="col-12 col-md-6">
              <a href="{{ .Permalink }}">
                <img class="img-fluid cover-img" src="{{ .Params.image | relURL }}" alt="" />
              </a>
            </div>
            <div class="col-12 col-md-6 d-flex">
              <article class="my-auto">
                <section class="news-info">
                  {{ range (.GetTerms "categories") }}
                  <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
                  {{ end }}
                  <small>{{ .Date | time.Format ":date_long" }}</small>
                </section>
                <h2 class="post-title">
                  <a href="{{ .Params.url }}">{{ .Params.title }}</a>
                </h2>
                <p class="post-depiction">
                  <a href="{{ .Params.url }}" style="color:#000;">{{ .Summary }}</a>
                </p>
              </article>
            </div>
            <span class="line line mb-2 mb-md-0">
              <hr>
            </span>
          </div>
        </div>
        {{ end }}
      </div>
    </div>

    <div class="col-12 col-lg-4 col-xl-3">
      {{ partial "sidebar.html" . }}
    </div>
  </div>
  <div class="py-3">
    {{ template "_internal/pagination.html" . }}
  </div>
</div>

{{ end }}