listmeetings.html

    <div class="row justify-content-center">
      <div class="col-11 col-md-8 col-lg-6">
        <div class="card border-top-0 rounded-0">
          <div class="card-body py-2">
            <h4 class="card-title m-0 text-center">Your Meetings</h4>
          </div>
          <div class="list-group list-group-flush">
            <div
              class="list-group-item d-flex"
            >
              <section
                class="btn-group align-self-center"
                role="group"
                aria-label="Meeting Options"
              >
                <button
                  class="btn btn-sm btn-outline-secondary"
                  title="Delete Meeting"
                >
                  trash
                </button>

                <router-link
                  class="btn btn-sm btn-outline-secondary"
                  title="Check In"
                >
                  link
                </router-link>

                <router-link
                  class="btn btn-sm btn-outline-secondary"
                  title="Attendees"
                >
                  list-ul
                </router-link>
              </section>

              <section class="pl-3 text-left align-self-center">
                name
              </section>
            </div>
          </div>
        </div>
      </div>
    </div>