diff --git a/src/app/shared/event/attendees/attendees-routing.module.ts b/src/app/shared/event/attendees/attendees-routing.module.ts
new file mode 100644
index 000000000..9f8738216
--- /dev/null
+++ b/src/app/shared/event/attendees/attendees-routing.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { AttendeesPage } from './attendees.page';
+
+const routes: Routes = [];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class AttendeesPageRoutingModule {}
diff --git a/src/app/shared/event/attendees/attendees.module.ts b/src/app/shared/event/attendees/attendees.module.ts
new file mode 100644
index 000000000..63a655038
--- /dev/null
+++ b/src/app/shared/event/attendees/attendees.module.ts
@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { AttendeesPageRoutingModule } from './attendees-routing.module';
+
+import { AttendeesPage } from './attendees.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    AttendeesPageRoutingModule
+  ],
+  declarations: [AttendeesPage]
+})
+export class AttendeesPageModule {}
diff --git a/src/app/shared/event/attendees/attendees.page.html b/src/app/shared/event/attendees/attendees.page.html
new file mode 100644
index 000000000..380e808b5
--- /dev/null
+++ b/src/app/shared/event/attendees/attendees.page.html
@@ -0,0 +1,57 @@
+<ion-header class="ion-no-border">
+  <ion-toolbar>
+    <ion-title>Participantes</ion-title>
+  </ion-toolbar>
+  <ion-toolbar>
+    <ion-segment [(ngModel)]="segment">
+      <ion-segment-button value="true">
+        Intervenientes
+      </ion-segment-button>
+      <ion-segment-button value="false">
+        Com Conhecimento
+      </ion-segment-button>
+    </ion-segment>
+  </ion-toolbar>
+</ion-header>
+<ion-content>
+  <ion-item-group>
+    <ion-button class="btn-ok-no-width" fill="clear" color="#fff" shape="round" (click)="addAttendees()" expand="block">
+      <ion-label>Adicionar participantes</ion-label>
+    </ion-button>
+  </ion-item-group>
+  <ion-item-group [ngSwitch]="segment" *ngFor="let attendee of eventAttendees">
+    <ion-list *ngSwitchCase="attendee.IsRequired.toString()">
+      <ion-item-sliding>
+        <ion-item-options side="end">
+          <ion-item-option color="danger" (click)="removeAttendee(attendee)">Apagar</ion-item-option>
+        </ion-item-options>
+        <ion-item lines="none">
+          <ion-icon slot="start" name="person"></ion-icon>
+          <ion-label>
+            <h3>{{ attendee.Name }}</h3>
+            <p>{{ attendee.EmailAddress }}</p>
+          </ion-label>       
+        </ion-item>
+      </ion-item-sliding>
+    </ion-list>
+  </ion-item-group>
+</ion-content>
+
+
+<ion-footer class="ion-no-border">
+  <ion-toolbar class="btn-div">
+    <ion-buttons slot="start">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
+        <ion-label>Cancelar</ion-label>
+        <ion-icon name="close" slot="start"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title></ion-title>
+    <ion-buttons slot="end">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
+        <ion-label>OK</ion-label>
+        <ion-icon name="checkmark" slot="start"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-footer>
\ No newline at end of file
diff --git a/src/app/shared/event/attendees/attendees.page.scss b/src/app/shared/event/attendees/attendees.page.scss
new file mode 100644
index 000000000..30cc9ce83
--- /dev/null
+++ b/src/app/shared/event/attendees/attendees.page.scss
@@ -0,0 +1,6 @@
+ion-item-group{
+    margin: 15px;
+}
+ion-item{
+    border-bottom:1px solid #ccc;
+}
diff --git a/src/app/shared/event/attendees/attendees.page.spec.ts b/src/app/shared/event/attendees/attendees.page.spec.ts
new file mode 100644
index 000000000..d2cb216ae
--- /dev/null
+++ b/src/app/shared/event/attendees/attendees.page.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { AttendeesPage } from './attendees.page';
+
+describe('AttendeesPage', () => {
+  let component: AttendeesPage;
+  let fixture: ComponentFixture<AttendeesPage>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AttendeesPage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AttendeesPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/shared/event/attendees/attendees.page.ts b/src/app/shared/event/attendees/attendees.page.ts
new file mode 100644
index 000000000..381044836
--- /dev/null
+++ b/src/app/shared/event/attendees/attendees.page.ts
@@ -0,0 +1,79 @@
+import { Component, OnInit } from '@angular/core';
+import { EventPerson } from 'src/app/models/eventperson.model';
+import { EventsService } from 'src/app/services/events.service';
+import { ModalController, NavController } from '@ionic/angular';
+import { AttendeeModalPage } from '../attendee-modal/attendee-modal.page';
+
+@Component({
+  selector: 'app-attendees',
+  templateUrl: './attendees.page.html',
+  styleUrls: ['./attendees.page.scss'],
+})
+export class AttendeesPage implements OnInit {
+
+  eventAttendees: EventPerson[];
+  segment:string = "true";
+  shouldShowCancel:boolean = true;
+
+  searchCountryString = ''; // initialize your searchCountryString string empty
+
+  constructor(private eventService: EventsService, private modalCtrl: ModalController, 
+    private navCtrl: NavController) { 
+  }
+
+
+  ngOnInit() {
+  }
+
+  save(){
+    this.modalCtrl.dismiss(this.eventAttendees);
+  }
+
+  close(){
+    this.modalCtrl.dismiss(null);
+  }
+
+  removeAttendee(attendee: EventPerson)
+  {
+    let index: number = this.eventAttendees.findIndex((att) => {
+      return att.EmailAddress == attendee.EmailAddress
+    });
+
+    this.eventAttendees.splice(index, 1);
+  }
+  
+  async addAttendees()
+  {
+    const modal = await this.modalCtrl.create({
+      component: AttendeeModalPage,
+      componentProps: {
+        eventPersons: this.eventAttendees
+      },
+      cssClass: 'attendee-modal',
+      backdropDismiss: false
+    });
+
+    await modal.present();
+
+    modal.onDidDismiss().then((data) => {
+      let newattendees: EventPerson[] = data['data'];
+      
+      if (newattendees != null)
+      {
+        newattendees.forEach(newattendee => {
+          let att = {
+            "EmailAddress": newattendee.EmailAddress,
+            "Name": newattendee.Name,
+            "IsRequired": (this.segment == "true")
+          };
+          if (this.eventAttendees == null)
+          {
+            this.eventAttendees = new Array();
+          }
+          this.eventAttendees.push(att);
+        });
+      }
+    });
+  }
+
+}
\ No newline at end of file