Featured Projects

<ul class="featured-projects">
  <li style="background-image: url(…)">
    <a href="project-details.html">
      <div>
        <h2><span>DICK’s – Sports Matter</span></h2>
        <p>A community-based solution to expanding &amp; supporting youth sports teams facing extreme financial challenges.</p>

        <dl>
          <dt>Competency</dt>
          <dd>Programs + Campaigns</dd>
        </dl>

        <p class="more">
          View Project
          <span>
            <svg class="icon" viewBox="0 0 24 24" width="24" height="24">
              <path d="M22,12c0-0.2-0.1-0.4-0.2-0.6l-9.4-8.2C12.2,3.1,12,3,11.8,3c-0.2,0-0.4,0.1-0.6,0.2l-0.5,0.5c-0.2,0.2-0.3,0.4-0.3,0.6 c0,0.2,0.1,0.4,0.3,0.6l7,5.9l-15,0.1c-0.2,0-0.4,0.1-0.5,0.3C2.1,11.3,2,11.5,2,11.7v0.6c0,0.2,0.1,0.4,0.2,0.6s0.3,0.3,0.5,0.3 h15l-7,6.1c-0.2,0.1-0.3,0.3-0.3,0.5s0.1,0.4,0.3,0.6l0.5,0.5c0.2,0.2,0.4,0.3,0.6,0.3c0.2,0,0.4-0.1,0.6-0.3l9.4-8.2 C21.9,12.4,22,12.2,22,12z"></path>
            </svg>
          </span>
        </p>
      </div>
    </a>
  </li>
  <li style="background-image: url(…)">
    …
  </li>
  <li style="background-image: url(…)">
    …
  </li>
</ul>