<div class="ui container">

  <div class="ui container">

    <h3>Available Volunteering Opportunities</h3>

    <div class="ui card" ng-repeat="event in vm.events">
      <div class="content">
        <div class="header">Title: {{ event.attributes.title }}</div>
      </div><!-- header -->

      <div class="content">
        <h4 class="ui sub header">Organization: {{ event.attributes.organization }}</h4>
        <div class="ui small feed">
          <div class="event"attributes.>
            <div class="content">
              <div class="summary">
                Date: {{ event.attributes.start_date }} - {{ event.attributes.end_date }}
                Time: {{ event.attributes.start_time }} - {{ event.attributes.end_time }}
                Location: {{ event.attributes.address }}
              </div>
            </div>
          </div>
        </div>
      </div><!-- content -->

      <div class="extra content">
        <button class="ui button" ui-sref="">Learn More</button>
      </div><!-- button -->

    </div>
  </div>

  <ui-view></ui-view>

</div>

<script type="text/javascript">
  $('.ui.modal')
    .modal('show')
  ;
</script>

<div class="ui container" id="cause">

  <h3>Available Volunteering Opportunities</h3>

  <div class="ui stackable four column grid">
    <div class="column" ng-repeat="event in vm.events">

      <div class="ui card">

        <div class="content">
          <div class="header">Title: {{ event.attributes.title }}</div>
        </div><!-- header -->

        <div class="content">
          <h4 class="ui sub header">Organization: {{ event.attributes.organization }}</h4>
          <div class="ui small feed">
            <div class="event"attributes.>
              <div class="content">
                <div class="summary">
                  Date: {{ event.attributes.start_date }} - {{ event.attributes.end_date }}
                  Time: {{ event.attributes.start_time }} - {{ event.attributes.end_time }}
                  Location: {{ event.attributes.address }}
                </div>
              </div>
            </div>
          </div>
        </div><!-- content -->

        <div class="ui bottom attached button">
          <div ui-sref="event({id: event.attributes.id})">Learn More</div>
        </div><!-- button -->

      </div><!-- card -->
    </div><!-- column -->
  </div><!-- grid -->

</div><!-- container -->

<ui-view></ui-view>

</div>

Fix cards being displayed when cause is selected from dropdown
Fix cards being displayed when cause is selected from dropdown
