<div class="c-event o-media">
  <time class="c-event__time o-media__picture" datetime="2015-03-31 18:30">March 31, 15</time>
  <div class="c-event__content o-media__body">
    <h4 class="c-event__title">The energy crisis: Is nuclear fusion a solution?</h4>
    <div class="c-event__details">
      <p>This year's Science Discovery event will focus on nuclear fusion.</p>
    </div>
  </div>
</div>

To list events, use the event-listing organism.

• April 8, 15

  Creativity and Reality in Philosophy of Yi and Dao: What difference does it make?

  Opening public lecture to the annual British Society for the History of Philosophy conference.

• March 31, 15

  The energy crisis: Is nuclear fusion a solution?

  This year's Science Discovery event will focus on nuclear fusion.

• March 24, 15

  Integration Challenges of the EU Rail Industry in the Formation of a Single European Rail Area

  CEGBI seminar

<ul class="c-events-listing">
  <li class="c-events-listing__item">
    <div class="c-event o-media">
      <time class="c-event__time o-media__picture" datetime="2015-04-08 19:00">April 8, 15</time>
      <div class="c-event__content o-media__body">
        <h4 class="c-event__title">Creativity and Reality in Philosophy of Yi and Dao: What difference does it make?</h4>
        <div class="c-event__details">
          <p>Opening public lecture to the annual British Society for the History of Philosophy conference.</p>
        </div>
      </div>
    </div>
  </li>
  <li class="c-events-listing__item">
    <div class="c-event o-media">
      <time class="c-event__time o-media__picture" datetime="2015-03-31 18:30">March 31, 15</time>
      <div class="c-event__content o-media__body">
        <h4 class="c-event__title">The energy crisis: Is nuclear fusion a solution?</h4>
        <div class="c-event__details">
          <p>This year's Science Discovery event will focus on nuclear fusion.</p>
        </div>
      </div>
    </div>
  </li>
  <li class="c-events-listing__item">
    <div class="c-event o-media">
      <time class="c-event__time o-media__picture" datetime="2015-03-24 16:00">March 24, 15</time>
      <div class="c-event__content o-media__body">
        <h4 class="c-event__title">Integration Challenges of the EU Rail Industry in the Formation of a Single European Rail Area</h4>
        <div class="c-event__details">
          <p>CEGBI seminar</p>
        </div>
      </div>
    </div>
  </li>
</ul>

Options

Atoms

• event
  • datetime: The date and time of the event, in yyy-mm-dd hh:mm format
  • title: The title of the event
  • details: HTML string to go in the event details

Molecules

• events-listing
  • atoms: an array of event atoms