searchattendees.html

<div
  class="row justify-content-center"
>
  <div class="col-md-8">
    <h1 class="font-weight-light text-center">Attendees</h1>

    <div class="card bg-light mb-4">
      <div class="card-body text-center">
        <div class="input-group input-group-lg">
          <input
            type="text"
            placeholder="Search Attendees"
            class="form-control"
          />
          <div class="input-group-append">
            <button
              class="btn btn-sm btn-outline-info"
              title="Pick a random attendee"
            >
              <font-awesome-icon icon="random"></font-awesome-icon>
            </button>
            <button
              class="btn btn-sm btn-outline-info"
              title="Reset Search"
            >
              <font-awesome-icon icon="undo"></font-awesome-icon>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>