<div class="card news" id="news">
          <h2>News</h2>

          <ul class="newsPosts">
            {% for post in site.posts %}
              <li>
                <h3>{{ post.title }}</h3>
                <p class="date">{{ post.date | date: "%-d %B %Y"}}</p>
                <p>{{ post.content }}</p>
              </li>
            {% endfor %}
          </ul>
        </div>

        <div class="card dates" id="dates">
          <h2>Important Dates</h2>
          <p>{{site.dates | inspect}}</p>
          <ul>
            <p>{{ site.dates | inspect }}</p>
            {% for date in site.dates %}
              <li>
                <div class="">
                  <p class="name">{{date.title}}</p>
                  <p class="date">March 1st - 3rd</p>
                  <p class="speaker">{{date.description}}</p>
                </div>
                <p>{{date.location}}</p>
              </li>
            {% endfor %}
          </ul>
        </div>