{% include header.html %}

{% include home-hero.html %}

<main id="portfolio">
  <div class="container">
    <div class="row">
      <div class="col-md-12">

        <!-- {% if site.home_section_subtitle != '' %}
        <p class="section-subtitle text-center">{{ site.home_section_subtitle }}</p>
        {% endif %} -->
        <div class="break"></div>
        {% if site.home_section_title != '' %}
        <h2 class="section-title text-center">{{ site.home_section_title }}</h2>
        {% endif %}

        <div class="break"></div>

        {% for post in paginator.posts %}
          <div class="wow fadeIn">
          {% if post.position == "left" %}
            {% include content-left.html %}
          {% endif %}

          {% if post.position == "right" %}
            {% include content-right.html %}
          {% endif %}
          </div>
        {% endfor %}

        {% include pagination.html %}

      </div>
    </div>
  </div>
</main>

{% include footer.html %}