Events

<div class="events">
  <article class="event">
    <figure>
      <img alt="" src="https://placehold.it/400x310">
    </figure>
    <h3>Oilsands Debate</h3>
    <p class="meta">June 17, 2024 | 12:00 PM</p>
    <p class="small">Northern Alberta Jubilee Auditorium, Edmonton AB</p>
    <p class="link"><a class="cta-minimal" rel="external" href="https://example.com">Event Details</a></p>
  </article>
  <article class="event">
    <figure>
      <img alt="" src="https://placehold.it/400x310">
    </figure>
    <h3>Climate Change Council Meeting</h3>
    <p class="meta">June 12, 2024 | 9:00 AM</p>
    <p class="small">Northern Alberta Jubilee Auditorium, Edmonton AB</p>
    <p class="link"><a class="cta-minimal" rel="external" href="https://example.com">Event Details</a></p>
  </article>
  <article class="event">
    <figure>
      <img alt="" src="https://placehold.it/400x310">
    </figure>
    <h3>Afterschool Club</h3>
    <p class="meta">June 5, 2024 | 6:30 PM</p>
    <p class="small">Bent Stick Brewing, Edmonton AB</p>
    <p class="link"><a class="cta-minimal" rel="external" href="https://example.com">Event Details</a></p>
  </article>
</div>

{{ c("events", {
  "events": [
    {
      "image": "https://placehold.it/400x310",
      "title": "Oilsands Debate",
      "date": "June 17, 2024 | 12:00 PM",
      "location": "Northern Alberta Jubilee Auditorium, Edmonton AB"
    },
    {
      "image": "https://placehold.it/400x310",
      "title": "Climate Change Council Meeting",
      "date": "June 12, 2024 | 9:00 AM",
      "location": "Northern Alberta Jubilee Auditorium, Edmonton AB"
    },
    {
      "image": "https://placehold.it/400x310",
      "title": "Afterschool Club",
      "date": "June 5, 2024 | 6:30 PM",
      "location": "Bent Stick Brewing, Edmonton AB"
    }
  ]
}) }}