{{ define "main" }}

<section class="page-wrapper">
  <div class="container">
    <div class="row" style="padding-top:60px;">
      <div class="col-md-10 mx-auto">
        <!-- <img class="img-fluid" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}"> -->
        <amp-img
            class="img-fluid"
            alt="{{ .Title }}"
            src="{{ .Params.Image | relURL }}"
            width="2664"
            height="956"
            layout="responsive">
        </amp-img>
        <div class="mb-5 post">
          <div class="text-center">
            <!-- <h2 class="mt-5 mb-4"><b>{{ .Title }}</b></h2> -->
            <h3 class="mt-5" style="color:#444444;"><b>{{ .Title }}</b></h3>
            <p class="mb-5 blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
            <!-- <p class="mb-4" style="font-size:1rem;">{{ .PublishDate.Format "January 2, 2006" }}</p> -->
          </div>
          <div>
              {{ .Content }}
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

{{ end }}