---
layout: default
title: Events
---

<!--Wrapper-->
<div id="events-page" class="events-wrapper">
  <!--Events Sidebar-->
  <div class="left-panel">
    <div class="left-panel-inner has-slimscroll">
      <!--Event Link-->
      <a href="#event-1" data-event-id="event-1" class="scroll-link is-active">
        <span class="date-block">
          <i data-feather="calendar"></i>
          <span class="month">May 5th</span>
        </span>
        <span class="meta-block">
          <span class="time">at 08:00 pm</span>
        </span>
      </a>
      <!--Event Link-->
      <a href="#event-2" data-event-id="event-2" class="scroll-link">
        <span class="date-block">
          <i data-feather="calendar"></i>
          <span class="month">May 8th</span>
        </span>
        <span class="meta-block">
          <span class="time">at 09:30 am</span>
        </span>
      </a>
      <!--Event Link-->
      <a href="#event-3" data-event-id="event-3" class="scroll-link">
        <span class="date-block">
          <i data-feather="calendar"></i>
          <span class="month">May 10th</span>
        </span>
        <span class="meta-block">
          <span class="time">at 10:45 am</span>
        </span>
      </a>
      <!--Event Link-->
      <a href="#event-4" data-event-id="event-4" class="scroll-link">
        <span class="date-block">
          <i data-feather="calendar"></i>
          <span class="month">May 23rd</span>
        </span>
        <span class="meta-block">
          <span class="time">at 04:00 pm</span>
        </span>
      </a>
      <!--Event Link-->
      <a href="#event-5" data-event-id="event-5" class="scroll-link">
        <span class="date-block">
          <i data-feather="calendar"></i>
          <span class="month">Jun 3rd</span>
        </span>
        <span class="meta-block">
          <span class="time">at 09:30 am</span>
        </span>
      </a>
      <!--Event Link-->
      <a href="#event-6" data-event-id="event-6" class="scroll-link">
        <span class="date-block">
          <i data-feather="calendar"></i>
          <span class="month">Jul 28th</span>
        </span>
        <span class="meta-block">
          <span class="time">at 02:00 pm</span>
        </span>
      </a>
      <!--Add Event-->
      <div class="add-event">
        <button class="button">New Event</button>
      </div>
    </div>
  </div>

  <!--Event List-->
  <div class="wrapper-inner">
    <div id="event-list" class="event-list">
      <!-- /partials/pages/events/events-1.html -->
      {{> events-1}}

      <!-- /partials/pages/events/events-2.html -->
      {{> events-2}}

      <!-- /partials/pages/events/events-3.html -->
      {{> events-3}}

      <!-- /partials/pages/events/events-4.html -->
      {{> events-4}}

      <!-- /partials/pages/events/events-5.html -->
      {{> events-5}}

      <!-- /partials/pages/events/events-6.html -->
      {{> events-6}}
    </div>
  </div>

  <!--Activity Panel-->
  <div class="right-panel">
    <div class="panel-header">
      <h3>Events Activity</h3>
    </div>
    <div class="panel-body has-slimscroll">
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/david.jpg"
          data-user-popover="4"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>David Kim</a> is now participating to the
            <a>Awesome Pool Party with Friends</a> event.
          </p>
          <span>23 minutes ago</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/vector/icons/logos/fastpizza.svg"
          data-page-popover="0"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>Fast Pizza</a> has scheduled a new event named
            <a>Family day at your closest Fast Pizza</a>.
          </p>
          <span>1 hour ago</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/edward.jpeg"
          data-user-popover="5"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>Edward Mayers</a> is now participating to the
            <a>Awesome Pool Party with Friends</a> event.
          </p>
          <span>2 hours ago</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/nelly.png"
          data-user-popover="9"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>Nelly Scwatrz</a> accepted your invitation to
            <a>Project review with Edward and Nelly</a>.
          </p>
          <span>2 hours ago</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/vector/icons/logos/lonelydroid.svg"
          data-page-popover="1"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>Lonely Droid</a> has scheduled a new event named
            <a>Lonely Droid Days</a>.
          </p>
          <span>5 hours ago</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/milly.jpg"
          data-user-popover="7"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>Milly Augustine</a> is now participating to the
            <a>Awesome Pool Party with Friends</a> event.
          </p>
          <span>8 hours ago</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/dan.jpg"
          data-user-popover="1"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>Dan Walker</a> is now participating to the
            <a>Awesome Pool Party with Friends</a> event.
          </p>
          <span>Yesterday</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/edward.jpeg"
          data-user-popover="5"
          alt=""
        />
        <div class="activity-meta">
          <p><a>Edward Mayers</a> is now participating to <a>2 events</a>.</p>
          <span>Yesterday hours ago</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/dan.jpg"
          data-user-popover="1"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>Dan Walker</a> is now participating to the
            <a>Super Ball Snack & Drinks</a> event.
          </p>
          <span>Monday</span>
        </div>
      </div>
      <!--Activity-->
      <div class="activity-block">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/david.jpg"
          data-user-popover="4"
          alt=""
        />
        <div class="activity-meta">
          <p>
            <a>David Kim</a> is now participating to the
            <a>Legacy Of The Void Release Party</a> event.
          </p>
          <span>Monday</span>
        </div>
      </div>
    </div>
  </div>
</div>