<div id="event-list">

  <form class="filters">
    <span class="label">Filter by:</span>
    <select name="event-type">
      <option value="">Type</option>
      <option value="webinar">Webinar</option>
      <option value="conference">Conference</option>
    </select>
    <select name="event-solution">
      <option value="">Solution</option>
      <option value="vertical-a">Solution A</option>
      <option value="vertical-b">Solution B</option>
    </select>
  </form>

  <div class="message"></div>

  <ul class="events">
    <li>
        <div class="event-container">

        <div class="event-image">
          <img src="/images/Full_images/CSG/events/ac-pdf.png" alt="Unique and descriptive alternate text" />
        </div>
        <div class="event-details">
          <h3>Dreamforce 14</h3>
          <span class="event-type">Conference</span>
          <span class="event-solution">Solution A</span>
          <span class="event-vertical">Vertical A</span>
          <span class="event-region">Region B</span>
        </div>
        <a href="" class="btn btn-secondary">View Details</a>
        </div>
    </li>
  </ul>

</div>