diff --git a/res/app/control-panes/control-panes-controller.js b/res/app/control-panes/control-panes-controller.js
new file mode 100644
index 00000000..0365bd92
--- /dev/null
+++ b/res/app/control-panes/control-panes-controller.js
@@ -0,0 +1,3 @@
+module.exports = function($scope) {
+    
+}
\ No newline at end of file
diff --git a/res/app/control-panes/control-panes-service.js b/res/app/control-panes/control-panes-service.js
new file mode 100644
index 00000000..23caf119
--- /dev/null
+++ b/res/app/control-panes/control-panes-service.js
@@ -0,0 +1,7 @@
+module.exports = function ControlPanesServiceFactory() {
+  var ControlPanesService = {
+  }
+
+
+  return ControlPanesService
+}
\ No newline at end of file
diff --git a/res/app/control-panes/control-panes.jade b/res/app/control-panes/control-panes.jade
new file mode 100644
index 00000000..dd2410c5
--- /dev/null
+++ b/res/app/control-panes/control-panes.jade
@@ -0,0 +1,25 @@
+div(pane, pane-anchor='west', pane-size='30% + 2px', pane-min='200px', pane-max='100% + 2px', pane-handle='4')
+  .stf-catch-all-keys(ng-controller='KeysCtrl')
+    catch-all-keys(keys-down='keysDown($event)', keys-up='keysUp($event)')
+  .remote-control
+    //include control-screen
+div(pane, pane-anchor='south', pane-size='30% + 2px', pane-handle='4').pane-bottom-p
+  .widget-container.fluid-height
+    .heading-for-tabs.tabs
+      tabset(direction='"below"')
+        tab(ng-repeat='tab in tabsBottom', active='tab.active')
+          tab-heading
+            i.fa(ng-class='tab.icon')
+            | {{tab.title|translate}}
+          div(ng-if='tab.active')
+            div(ng-include='tab.templateUrl')
+div(pane, pane-anchor='')
+  .widget-container.fluid-height
+    .heading-for-tabs.tabs
+      tabset
+        tab(ng-repeat='tab in tabsTop', active='tab.active')
+          tab-heading
+            i.fa(ng-class='tab.icon')
+            | {{tab.title|translate}}
+          div(ng-if='tab.active')
+            div(ng-include='tab.templateUrl')
diff --git a/res/app/control-panes/index.js b/res/app/control-panes/index.js
new file mode 100644
index 00000000..3fc68180
--- /dev/null
+++ b/res/app/control-panes/index.js
@@ -0,0 +1,9 @@
+require('fa-borderlayout')
+require('fa-borderlayout/build-0.3.1/borderLayout.css')
+require('fa-borderlayout/build-0.3.1/stf-style.css')
+
+
+module.exports = angular.module('control-panes', [
+])
+  .factory('ControlPanesService', require('./control-panes-service'))
+  .controller('ControlPanesCtrl', require('./control-panes-controller'))
diff --git a/res/app/logging/logging.css b/res/app/control-panes/logging/logging.css
similarity index 100%
rename from res/app/logging/logging.css
rename to res/app/control-panes/logging/logging.css