index.html

---
title: CLAID uiuc
layout: default
bodyClass: page-home
---
<style>
  @media screen and (max-width: 800px) {
    #div-desktop {
      padding-left:20px;
      padding-right:20px;
    }
  }
</style>

<div class="intro pb-4">
  <div class="container" id="div-desktop">
    <h1>CLAID @ uiuc</h1>
    <p>Building connections between students who share a passion for the Chinese language and culture since 2015.
      <br>


  </div>
</div>

<div class="container pt-2">
  <div class="call">
    <div class="call-box-top">
      <div class="call-email"><strong>Email: </strong>
        <a href="mailto:{{ site.data.contact.email }}">
          {{ site.data.contact.email }}
        </a>
      </div>
    </div>
    <div class="call-box-bottom">
      <a href="{{site.baseurl}}/contact" class="button">Contact</a>
    </div>
  </div>
</div>

<div class="container pt-5 pb-5 pt-md-7 pb-md-7">
  <div class="row justify-content-center">
    <div class="col-12" id="div-desktop">
      <h2 class="title-3 text-dark mb-4">Our Offerings</h2>
    </div>
    {% for feature in site.data.features %}
    <div class="col-12 col-md-6 col-lg-4 mb-2">
      <div class="feature">
        {% if feature.image %}<div class="feature-image"><img alt="{{ feature.title }} logo" src="{{ feature.image }}" /></div> {% endif %}
        <h2 class="feature-title">
          <a href="{{ feature.url }}">{{ feature.title }}</a>
        </h2>
        <div class="feature-content">{{ feature.description }}</div>
      </div>
    </div>
    {% endfor %}
  </div>
</div>