18F/18f.gsa.gov

---
layout: default
---

{% if page.image %}
  {% include feature-image.html %}
  <h1 class="usa-sr-only">{{ page.title }}</h1>
{% elsif page.title %}
  <section class="background-dark usa-section section-intro">
    <div class="grid-container">
      <div class="section-intro-header">
        {% if page.lead %}
          <h1 class="section-heading section-heading-alt">{{ page.title }} </h1>
          <h2>{{ page.lead }}</h2>
        {% else %}
          <h1 class="section-heading">{{ page.title }}</h1>
        {% endif %}
      </div>
    </div>
  </section>
{% else %}
  <h1 class="usa-sr-only">{{ page.title }}</h1>
{% endif %}

{% assign page_title = page.subnav_title | default: page.title %}

{% if page.breadcrumb == true %}
{% include breadcrumb.html
  page_title=page_title
  background_class='background-gray'
%}
{% endif %}

<section class="{% unless page.gridless %}grid-container usa-section {% endunless %}{% if page.include_subnav %} content-wide{% endif %} usa-content hww-main-content">
  {% if page.include_subnav %}
    <aside class="tablet:grid-col-4 margin-bottom-2 z-top bg-white sticky">
      {% include navigation.html subnav=true %}
    </aside>
    <section class="tablet:grid-col-8">
      {% if page.image and page.lead %}
        <h3 class="page-lead">{{ page.lead }}</h3>
      {% endif %}
      {{ content }}
    </section>
  {% else %}
    {% if page.image and page.lead %}
      <h3 class="page-lead">{{ page.lead }}</h3>
    {% endif %}
    {{ content }}
  {% endif %}
</section>

{% if page.banner_cta %}
  {% include banner-cta.html %}
{% endif %}

<section class="usa-section background-gray section-case-studies post-border">
  <div class="grid-container usa-content">
    <h2>Case studies</h2>
    <p class="section-case-studies-text">Here are a couple of projects we’ve built with federal agencies using a Path Analysis followed by Experiment & Iterate phases.</p>

    <div class="grid-row grid-gap">
      {% include card-project.html
      project='fbi-crime-data-explorer'
      %}

      {% include card-project.html
      project='fec-gov'
      %}

      {% include card-project.html
      project='calc'
      %}
    </div>
  </div>
</section>