<div class='card'>
          <article class="h-entry">
            <header>
              <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
               <div class="header-metadata">
               <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
               {{ if .Params.author }}
               <div class='author'>{{.Params.author}}</div>
               {{ end }}
             </div>
            </header>

            {{ $img := (.Resources.ByType "image").GetMatch "*featured*" }}

            <div class="p-summary {{if .Truncated}} truncated {{end}} {{if $img}} image {{end}}" >
              <div class="summary-text">
                {{ .Summary }}
              </div>
              {{ with $img }}
              {{ $thumb := .Resize "400x300"}}
              <div class="summary-image"> 
              <img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}">
              </div>
              {{ end }}
            </div>
            {{ if .Truncated }}
              <footer class='post-footer'>
                <div class='read-more'><a href="{{ .RelPermalink }}">Read Moreā€¦</a></div>
                <div class='footer-filler'></div>
              </footer>
            {{ end }}
            
          </article>
    </div>