diff --git a/client/scripts/controllers/EBPSettingsController.js b/client/scripts/controllers/EBPSettingsController.js
index dd3ae46b..e96f5f19 100644
--- a/client/scripts/controllers/EBPSettingsController.js
+++ b/client/scripts/controllers/EBPSettingsController.js
@@ -1,3 +1,17 @@
-require('../app').controller('EBPSettingsController', /* @ngInject */function ($q, $translate, user, ngToast, Raven, User) {
+require('../app').controller('EBPSettingsController', /* @ngInject */function ($q, $stateParams, EBPSpecies) {
+  const $ctrl = this
 
+  $ctrl.selected = 'sources'
+
+  if ($stateParams.settings) {
+    $ctrl.selected = $stateParams.settings
+  }
+
+  $ctrl.requestSpecies = function () {
+    $q.resolve(EBPSpecies.query().$promise).then(function (species) {
+      $ctrl.species = species
+    })
+  }
+
+  $ctrl.requestSpecies()
 })
diff --git a/client/scripts/models/ebp_species.js b/client/scripts/models/ebp_species.js
new file mode 100644
index 00000000..a978fe60
--- /dev/null
+++ b/client/scripts/models/ebp_species.js
@@ -0,0 +1,4 @@
+require('../app').factory('EBPSpecies', /* @ngInject */function ($resource, ENDPOINT_URL, localization) {
+  const EBPSpecies = $resource(ENDPOINT_URL + '/ebp-species')
+  return EBPSpecies
+})
diff --git a/client/views/ebp.html b/client/views/ebp.html
index a390300d..c4f910e1 100644
--- a/client/views/ebp.html
+++ b/client/views/ebp.html
@@ -37,9 +37,11 @@ <h1 class="page-header" translate>
     </ul>
   </div>
 
-  <div class="col-md-9">
-    content
-  </div>
+  <div ng-if="$ctrl.selected === 'organizations'" ng-include="'/views/ebp/organizations.html'" class="col-md-9"></div>
+  <div ng-if="$ctrl.selected === 'sources'" ng-include="'/views/ebp/sources.html'" class="col-md-9"></div>
+  <div ng-if="$ctrl.selected === 'protocol'" ng-include="'/views/ebp/protocol.html'" class="col-md-9"></div>
+  <div ng-if="$ctrl.selected === 'species'" ng-include="'/views/ebp/species.html'" class="col-md-9"></div>
+  <div ng-if="$ctrl.selected === 'species_status'" ng-include="'/views/ebp/species_status.html'" class="col-md-9"></div>
 </div>
 
 <div ng-if="!$user.isAdmin()" class="row">
diff --git a/client/views/ebp/organizations.html b/client/views/ebp/organizations.html
new file mode 100644
index 00000000..00d467b9
--- /dev/null
+++ b/client/views/ebp/organizations.html
@@ -0,0 +1 @@
+<div>Organizations</div>
diff --git a/client/views/ebp/protocol.html b/client/views/ebp/protocol.html
new file mode 100644
index 00000000..db16c28e
--- /dev/null
+++ b/client/views/ebp/protocol.html
@@ -0,0 +1 @@
+<div>Protocol</div>
diff --git a/client/views/ebp/sources.html b/client/views/ebp/sources.html
new file mode 100644
index 00000000..e52aa3a3
--- /dev/null
+++ b/client/views/ebp/sources.html
@@ -0,0 +1 @@
+<div>Sources</div>
diff --git a/client/views/ebp/species.html b/client/views/ebp/species.html
new file mode 100644
index 00000000..c490c2dd
--- /dev/null
+++ b/client/views/ebp/species.html
@@ -0,0 +1,82 @@
+{{ $ctrl.species | json }}
+<form name="editform"
+      role="form"
+      class="table-responsive"
+      confirm-on-exit="editform.$dirty"
+      confirm-message-window="{{'SPECIES_UNSAVED_DATA_TITLE' | translate}}"
+      confirm-message-route="{{'SPECIES_UNSAVED_DATA_MESSAGE' | translate}}">
+  <table class="table table-hover table-striped table-responsive">
+    <thead>
+    <tr>
+      <th>#</th>
+      <th>EBP species code</th>
+      <th>SB name la</th>
+      <th>EBP name</th>
+      <th class="btn-group btn-group-xs">
+        <button
+          type="button"
+          class="btn btn-info btn-xs"
+          title="{{'SPECIES_BUTTON_ADD' | translate}}"
+          ng-click="$ctrl.addSpecies()">
+          <i class="fa fa-plus fa-fw"></i>
+        </button>
+        <button ng-disabled="editform.$pristine"
+                type="button"
+                class="btn btn-success btn-xs"
+                title="{{'SPECIES_BUTTON_SAVE' | translate}}"
+                ng-click="$ctrl.saveSpecies()">
+          <i class="fa fa-check fa-fw"></i>
+        </button>
+      </th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr class="hover" ng-repeat="item in $ctrl.visibleSpecies track by item.ebpId">
+      <td>{{$index+1+($ctrl.page-1)*$ctrl.pageSize}}</td>
+      <td>
+        <field type="text"
+               model="item.ebpId"
+               required></field>
+      </td>
+      <td>
+        <field type="text"
+               model="item.sbNameLa" required></field>
+      </td>
+      <td>
+        <field type="text"
+               model="item.ebpNameLa"></field>
+      </td>
+      <td>
+        <button type="button" class="btn btn-danger btn-xs visible-hover"
+                ng-click="$ctrl.removeSpecies($index)">
+          <i class="fa fa-remove fa-fw"></i>
+        </button>
+      </td>
+    </tr>
+    </tbody>
+    <tfoot>
+    <tr>
+      <th>#</th>
+      <th>EBP species code</th>
+      <th>SB name la</th>
+      <th>EBP name</th>
+      <th class="btn-group btn-group-xs">
+        <button
+          type="button"
+          class="btn btn-info btn-xs"
+          title="{{'SPECIES_BUTTON_ADD' | translate}}"
+          ng-click="$ctrl.addSpecies()">
+          <i class="fa fa-plus fa-fw"></i>
+        </button>
+        <button ng-disabled="editform.$pristine"
+                type="button"
+                class="btn btn-success btn-xs"
+                title="{{'SPECIES_BUTTON_SAVE' | translate}}"
+                ng-click="$ctrl.saveSpecies()">
+          <i class="fa fa-check fa-fw"></i>
+        </button>
+      </th>
+    </tr>
+    </tfoot>
+  </table>
+</form>
diff --git a/client/views/ebp/species_status.html b/client/views/ebp/species_status.html
new file mode 100644
index 00000000..87dcd687
--- /dev/null
+++ b/client/views/ebp/species_status.html
@@ -0,0 +1 @@
+<div>Species status</div>