<div class="container">
  <div class="card card-next-event mx-auto mb-0">
    <div class="card-body text-center">
      <p class="text-muted">Our next event&hellip;</p>
      <h1 class="h3 mb-2">May event</h1>
      <p>Details will be announced shortly.</p>
      <ul class="list-inline">
        <li class="list-inline-item">
          <span class="sr-only">Date</span>
          <span class="fas fa-fw fa-calendar-alt text-muted"></span>
          <time datetime="2018-05-15T18:00:00+00:00">Tuesday, 15 May</time>
        </li>
        <li class="list-inline-item">
          <span class="sr-only">Time</span>
          <span class="fas fa-fw fa-clock text-muted"></span>
          <time datetime="18:00:00">6 PM</time>
        </li>
        <li class="list-inline-item">
          <span class="sr-only">Location</span>
          <span class="fas fa-fw fa-map-marker-alt text-muted"></span>
          <time datetime="18:00:00">Campus North</time>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="container">
  <div class="card card-next-event mx-auto mb-0">
    <div class="card-body text-center">
      <p class="text-muted">Our next event&hellip;</p>
      <h1 class="h3 mb-2">Zero Downtime Deployments</h1>
      <p>For our May meeting we are pleased to announce Zero Downtime Deployments with CodeShip and AWS Elastic Beanstalk by Rob Walker.</p>
      <ul class="list-inline">
        <li class="list-inline-item">
          <span class="sr-only">Date</span>
          <span class="fas fa-fw fa-calendar-alt text-muted"></span>
          <time datetime="2018-05-15T18:00:00+00:00">Tuesday, 15 May</time>
        </li>
        <li class="list-inline-item">
          <span class="sr-only">Time</span>
          <span class="fas fa-fw fa-clock text-muted"></span>
          <time datetime="18:00:00">6 PM</time>
        </li>
        <li class="list-inline-item">
          <span class="sr-only">Location</span>
          <span class="fas fa-fw fa-map-marker-alt text-muted"></span>
          <time datetime="18:00:00">Campus North</time>
        </li>
      </ul>
      <a class="btn btn-block btn-primary" href="https://ti.to/phpne/may-2018/with/uvba0agtcvm" rel="external" target="_blank">
        <span class="btn-text">Get a ticket</span>
      </a>
    </div>
  </div>
</div>

Add May 2018 event details to home page
Add May 2018 event details to home page