{% cache 'hitsox/' ~ sites.current.id ~ '/home_page/blog' {time: 300} %}
<!-- hr -->
<div class="section-hr"></div>
<!-- entries showcase -->
<section class="entries_showcase">
<div class="entries_showcase__header">
<div class="section section--center">
<h2 class="section-title section-title--h1">
Want to know more about us?
</h2>
<p class="section-lead">
Visit our blog and learn more about technology and hitso
</p>
</div>
</div>
<div class="entries_showcase__grid entries" itemscope itemtype="http://schema.org/ItemList">
{% for entry in published_articles(4) %}
<div class="entry" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<meta itemprop="position" content="{{ loop.index }}"/>
{% if entry.route.id is defined %}
<a href="{{ dynamic_url(entry.route.id) }}" class="entry__body" itemprop="url">
{% if entry.photo is not empty %}
{% set imageUrl = entry.photo|image_url('content_cover') %}
{% set altText = entry.photo.altText|default %}
<picture class="entry__photo">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{ imageUrl }}" class="entry__photo-img lazyload" alt="{{ entry.title }}"/>
</picture>
{% endif %}
<div class="entry__content">
<strong class="entry__content-title" itemprop="name">
{{ entry.title }}
</strong>
<div class="entry__content-lead">
{{ entry.lead|striptags }}
</div>
<span class="entry__content-cta">
Read more
</span>
</div>
</a>
{% endif %}
</div>
{% endfor %}
</div>
<a href="{{ path('article_category_index') }}" class="entries_showcase-cta btn btn--warning">visit our blog</a>
</section>
{% endcache %}