index.html

---
layout: page
title: Our Story
permalink: /
hero: full
---

{% include hero.html %}

<!-- Intro Start -->
<section id="intro">
    {% for item in site.data.about.intro.list %}
    {% assign remainder = forloop.index | modulo: 2 %}
    <div class="container">
        <div class="content flex-center{% if remainder == 0 %} flex-reverse{% endif %}">
            <div class="row">
                <div class="col-md-6">
                  <figure class="image">
                      <img src="{{ item.image }}" alt="{{ item.heading }}" />
                  </figure>
                </div>
                <div class="col-md-6">
                  <h3>{{ item.heading }}</h3>
                  {{ item.post | markdownify }}
                </div>
            </div>
        </div>
    </div>
    {% endfor %}
</section>

<!-- Client Logos Start -->
<section id="clients-logos">
  <div class="container container--margin">
  <div class="content text-center">
        <div class="row">
          <div class="col-md-12">
            <h2>{{ site.data.about.clients.heading }}</h2>
            <div class="post">
              {{ site.data.about.clients.intro | markdownify }}
            </div>
          </div>
        </div>
        <div class="row">
          {% for item in site.data.about.clients.list %}
          <div class="col-md-3 col-sm-6 col-6">
            <div class="clients-logo-img">
              <a href="{{ item.url }}"><img src="{{ item.logo }}" alt="{{ item.name }}"></a>
            </div>
          </div>
          {% endfor %}
        </div>
      </div>
      </div>
  </div>
  </div>
</section>

<!-- Guiding Principles Start -->
<section id="guiding-principles" class="backgroundWhite">
  <div class="container">
  <div class="content text-center">
    <h2 class="display-2">{{ site.data.about.principles.heading }}</h2>
    <div class="post">
        {{ site.data.about.principles.intro | markdownify }}
    </div>
    <div class="row">
      {% for item in site.data.about.principles.list %}
      {% assign remainder = forloop.index | modulo: 2 %}
      <div class="col-sm-6 col-md-4{% if remainder == 1 %} offset-md-2{% endif %}">
        <div class="service-item">
          <img src="{{ item.icon }}" alt="{{ item.heading }}" />
          <h3>{{ item.heading }}</h3>
          {{ item.post | markdownify }}
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
  </div>
</section>

{% include call-to-action.html %}