blogger.md

layout	title	identifer	page-level	permalink
page	Blog Posts	blogpage	mainpage	blogs/

{% for post in site.posts %}

• {{ post.title }}

        <picture>
              <source data-srcset="{{ post.image-webp | absolute_url }}" type="image/webp" >
              <source data-srcset="{{ post.image | absolute_url }}" type="image/jpeg" > 
              <img src="{{ post.image-thumb | absolute_url }}" alt="{{ post.image-alt }}" data-src="{{ post.image | absolute_url }}"  class="lazyload" />
              </picture> 
    </span>{{ post.content | strip_html | truncatewords: 60 }}&nbsp;<a href="{{ post.url | absolute_url }}">(read more)</a></p>    
    <p><i class="fa fa-calendar"></i>&nbsp;&nbsp;<b>Published on :&nbsp;</b>{{ post.date | date: "%b %-d, %Y" }}</p>
  </li>    
    <hr>
  

  {% endfor %}