{% capture id %}{{ page.id | remove:'/' | downcase }}{% endcapture %}
<div id="{{id}}" class="section p-{{id}}">
  {% if page.icon %}
  <div class="subtlecircle sectiondivider imaged">
    <img src="{{page.icon}}" alt="section icon" />
    <h5 class="icon-title">{{ page.title }}</h5>
  </div>
  {% elsif page.fa-icon %}
  <div class="subtlecircle sectiondivider faicon">
    <span class="fa-stack">
      <i class="nf nf-fa-circle fa-stack-2x"></i>
      <i class="nf nf-fa-{{ page.fa-icon }} fa-stack-1x"></i>
    </span>
    <h5 class="icon-title">{{ page.title }}</h5>
  </div>
  {% endif %}
  <div class="container {{ page.style }}">
    {{ page.content }}
  </div>
</div>