services.html

---
layout: default
body-class: services
permalink: services/
title: Services
---
<div class="intro">
  <div class="container">
    <div class="text">
      <h1>Services</h1>
       <p>We use technology and strategy to elevate organizations creating positive change in the world.</p>
    </div>
  </div>
</div>

{% assign services = site.services | sort: 'order' %}
{% assign counter = 1 %}
{% for area in services %}
  {% if area.layout == 'services-detail' %}
    <section class="services-teaser" id="services{{ counter }}">
      <div class="container">
        <div class="side services-teaser-left">
          <h1>{{ area.title }}</h1>
          <a href="{{ site.baseurl }}{{ area.url }}" class="uppercase-link">Learn More</a>
        </div>
        <div class="side services-teaser-right">
          <p>{{ area.blurb }}</p>
          <ul>
            {% for point in area.points %}
              {{ point }}
            {% endfor %}
          </ul>
          {% if area.examples %}
          <i class="fa fa-caret-up"></i>
          <p class="services-examples">
            {{ area.examples }}
          </p>
          {% endif %}
        </div>
      </div>
    </section>
    {% assign counter = counter | plus: 1 %}
  {% endif %}
{% endfor %}

{% include bene-cta.html %}

{% include open-source-contributions.html %}