index.html

---
permalink: /
title: Methods
layout: page
---
<div class="usa-section intro-header">
  <div class="grid-container">
    <p class="usa-intro no-print">A collection of tools to bring human-centered design into your project.</p>
  </div>
</div>
<div class="usa-section">
  {% for category in site.data.categories %}
    <section class="usa-prose grid-container category usa-section category--{{ category.category_name | downcase }}" id="{{ category.category_name | downcase }}">
      <h1 class="category--title category--{{ category.category_name | downcase }}--title">{{ category.category_name }}</h1>
      <div class="grid-row">
        <div class="grid-col-8">
          <div class="category--header usa-content">
            <p class="category--subtitle">{{ category.category_description }}</p>
            <p>{{ category.category_info }}</p>
            <a href="{{ site.baseurl }}/{{ category.category_name | downcase }}" class="usa-link a-see-all">See all {{ category.category_name | downcase }} methods</a>
          </div>
        </div>
        <div class="grid-col-4 methods-listing">
          <h2>Methods include</h2>
          <ul class="usa-list">
            {% for method in category.methods %}
            <li>
              <a href="{{ site.baseurl }}/{{ category.category_name | downcase }}/{{ method | slugify }}" class="usa-link">{{ method }}</a>
            </li>
            {% endfor %}
          </ul>
        </div>
      </div>
    </section>
  {% endfor %}
</div>