<div class=“post-info”>
<h3 class="fw-normal"><a class="color-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3> <div class="d-flex"> <span class="w-100 text-start"> <time datetime="{{ post.date }}" class="d-inline-block fw-light color-secondary-light"> <i class="far fa-calendar-alt color-rang1"></i> {{ post.date | date: "%b %d, %y" }} </time> <time datetime="{{ post.date }}" class="d-inline-block fw-light color-secondary-light"> <i class="far fa-clock color-rang2"></i> {{ post.date | date: "%H:%M" }} </time> </span> <span class="w-100 text-end"> {% if include.sticky == 'true' %} <i class="fas fa-thumbtack color-gray-400"></i> {% endif %} </span> </div> <p class="color-secondary"> {% if post.excerpt_separator %} {{ post.excerpt | strip_html }} {% else %} {{ post.content | strip_html | truncate: 200 }} {% endif %} </p> <div class="categories"> {% for tag in post.tags %} <a class="flat" href="{{ '/tags' | site.baseurl }}#{{ tag }}">{{ tag }}</a> {% endfor %} </div>
</div>