{% if site.data.data.projects %}
<section class="section projects-section">

  <h2 class="section-title">
    <span class="fa-stack fa-xs">
      <i class="fas fa-circle fa-stack-2x"></i>
      <i class="fas fa-archive fa-stack-1x fa-inverse"></i>
    </span>
    {{ site.data.data.projects.title }}
  </h2>

  {% if site.data.data.projects.intro %}
  <div class="intro">
      <p>{{ site.data.data.projects.intro }}</p>
  </div><!--//intro-->
  {% endif %}

  {% for project in site.data.data.projects.projects %}
    <div class="item">

      <span class="project-title">
        <a href="{{ project.link }}">{{ project.title }}</a>
      </span>

      {% if project.tagline %}
      - <span class="project-tagline">{{ project.tagline }}</span>
      {% endif %}

    </div><!--//item-->
  {% endfor %}

</section><!--//section-->
{% endif %}