diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
index 7329aae..2b33c25 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
@@ -1,15 +1,27 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Injectable } from '@angular/core';
+import { DropZoneResp } from '../../models/dropzone';
+import { ServiceApi } from '../../services/serviceApi';
 
 @Component({
   selector: 'app-list-of-dzs',
   templateUrl: './list-of-dzs.component.html',
   styleUrls: ['./list-of-dzs.component.css']
 })
-export class ListOfDzsComponent implements OnInit {
 
-  constructor() { }
+
+export class ListOfDzsComponent implements OnInit {
+  public listOfDropZones: Array<DropZoneResp>;
+
+  constructor(private serviceApi: ServiceApi) { }
 
   ngOnInit() {
   }
 
+  getListOfDropZones() {
+    this.serviceApi.getListOfDropZones()
+    .subscribe((data: DropZoneResp) => this.listOfDropZones = {
+        heroesUrl: data['heroesUrl'],
+        textfile:  data['textfile']
+    });
+  }
 }
diff --git a/Front/skydivelogs-app/src/models/dropzone.ts b/Front/skydivelogs-app/src/models/dropzone.ts
new file mode 100644
index 0000000..1c1f6b4
--- /dev/null
+++ b/Front/skydivelogs-app/src/models/dropzone.ts
@@ -0,0 +1,10 @@
+export class DropZoneResp {
+    public Id: number;
+    public Latitude: string;
+    public Longitude: string;
+    public Name: string;
+    public Address: string;
+    public Website: string;
+    public Email: string;
+    public Type: Array<string>;
+}
\ No newline at end of file
diff --git a/Front/skydivelogs-app/src/models/jump.ts b/Front/skydivelogs-app/src/models/jump.ts
new file mode 100644
index 0000000..c565684
--- /dev/null
+++ b/Front/skydivelogs-app/src/models/jump.ts
@@ -0,0 +1,23 @@
+export class JumpReq {
+    public Id: number;
+    public JumpTypeId: number;
+    public AircraftId: number;
+    public DropZoneId: number;
+    public GearId: number;
+    public ExitAltitude: number;
+    public DeployAltitude: number;
+    public WithCutaway: boolean;
+    public Notes: string;
+}
+
+export class JumpResp {
+    public Id: number;
+    public JumpTypeId: number;
+    public AircraftId: number;
+    public DropZoneId: number;
+    public GearId: number;
+    public ExitAltitude: number;
+    public DeployAltitude: number;
+    public WithCutaway: boolean;
+    public Notes: string;
+}
\ No newline at end of file
diff --git a/Front/skydivelogs-app/src/services/serviceApi.ts b/Front/skydivelogs-app/src/services/serviceApi.ts
new file mode 100644
index 0000000..cf81696
--- /dev/null
+++ b/Front/skydivelogs-app/src/services/serviceApi.ts
@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { DropZoneResp } from '../models/dropzone';
+
+@Injectable()
+export class ServiceApi {
+  constructor(private http: HttpClient) { }
+
+  public getListOfDropZones() {
+      return this.http.get<DropZoneResp>('http://localhost:1234/api/DropZone');
+  }
+}