index.html

---
layout: default
---

{% assign about = site.data.copy.global.about %}
{% assign welcome = site.data.copy.global.welcome %}

<div class="container my-5">
  <div class="row">
    <div class="col-md-6 col-sm-12">
      <h1>{{ welcome }}</h1>
      <hr class="large" />
      <p>{{ about }}</p>
      <a href="/about" class="btn btn-secondary">Read More <i class="fa fa-arrow-right"></i></a>
    </div>
    <div class="col-md-6 col-sm-12 text-right">
      <img src="assets/images/ece-4-all-ssf-volunteers-at-campaign-launch-2022-01-15.jpg" width="90%" height="auto" alt="Dozens of volunteers at the Pre-school for all campaign launch!" />
    </div>
  </div>
  <div class="row">
    <div class="col-12 text-center">
      <i class="fa fa-arrow-down my-5 text-red"></i>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <h3 class="my-5">Recent Statements</h2>
    </div>
    {% for post in site.posts limit:3 %}
    <div class="col-12">
      <h6 class="my-0 text-black-tint-2">{{ post.date | date: "%b %-d, %Y" }}</h6>
      <a class="my-0 article-link" href="{{ post.url }}">{{ post.title }}</a>
      <p>{{ post.short_description }}</p>
    </div>
  {% endfor %}
  </div>
</div>