main: foo, bar, qaz


<!DOCTYPE html> <html lang=“{{ page.lang | default: site.lang | default: 'en-US' }}”>

<head>
  {% include meta.html %}
  {% include styles.html %}
  {% if site.google_analytics_ua or site.dap_agency %}
    {% include analytics.html %}
  {% endif %}
</head>
<body class="{{ layout.class }} {{ page.class }} {% if site.site_width %}site-{{ site.site_width }}{% endif %}">

  {% include skipnav.html %}
  {% include header.html %}

  {% assign hero = page.hero %}
  {% include components/hero.html %}

  {% if page.tagline and page.intro %}
  <section class="grid-container usa-section">
    <div class="grid-row grid-gap">
      <div class="tablet:grid-col-4">
        <h2 class="font-heading-xl margin-top-0 tablet:margin-bottom-0">{{ page.tagline }}</h2>
      </div>
      <div class="tablet:grid-col-8 usa-prose">
        {{ page.intro | markdownify }}
      </div>
    </div>
  </section>
  {% endif %}

  {% capture _graphics %}
    {% include graphic-list.html graphics=page.graphics %}
  {% endcapture %}

  {% if page.graphics_position != 'after' %}
    {{ _graphics }}
  {% endif %}

  {% if page.layout == 'post' %}
    {{ content }}
  {% else %}
    <main id="main-content"{% for _attr in layout.main %} {{ _attr[0] }}="{{ _attr[1] }}"{% endfor %}>
      {{ content }}
    </main>
  {% endif %}

  {% if page.graphics_position == 'after' %}
    {{ _graphics }}
  {% endif %}

  {% include footer.html %}

  {% include scripts.html %}

</body>

</html>