index.html

---
layout: default
---

<!-- begin hero -->
<div class="hero">

  <div class="hero__image">
    <img class="lazy" data-src="{{site.hero.image}}" alt="{{site.author-name}}" style="object-fit: scale-down;">
  </div>

  <div class="hero__inner">
    <div class="hero__content">
      <h1 class="hero__title" style="display: none;">{{ site.hero.title }}</h1>
      <p class="hero__description">{{ site.hero.description }}</p>
    </div>
  </div>

</div>
<!-- begin hero -->

{% include header.html %}

<div class="container-big">
  <div class="row">
    <div class="col col-12">
      <div class="contaniner__inner">
        <div class="row grid">
          {% if site.posts.size > 0 %}
            {% for post in paginator.posts %}
              {% include article-content.html %}
            {% endfor %}
          {% endif %}
        </div>
      </div>
    </div>
  </div>
</div>

{% include pagination.html %}