diff --git a/app/server-control/controllers/power-usage-controller.html b/app/server-control/controllers/power-usage-controller.html
new file mode 100644
index 0000000..c35ea93
--- /dev/null
+++ b/app/server-control/controllers/power-usage-controller.html
@@ -0,0 +1,22 @@
+<loader loading="loading"></loader>
+<div id="power-usage">
+	<div class="row power__usage-metadata">
+		<div class="row column">
+			<h1>Manage Power Usage</h1>
+		</div>
+		<div class="page-header">
+			<h2 class="bold h4">Power information</h2>
+		</div>
+		<fieldset>
+			<div class="column large-8">
+				<ul class="power__usage-metadata-wrapper">
+					<li class="power__usage-metadata-block">
+						<p class="content-label">Power Consumption</p>
+						<p class="courier-bold">{{power_consumption}}</p>
+					</li>
+				</ul>
+			</div>
+		</fieldset>
+	</div>
+</div>
+
diff --git a/app/server-control/controllers/power-usage-controller.js b/app/server-control/controllers/power-usage-controller.js
new file mode 100644
index 0000000..5ba8bf0
--- /dev/null
+++ b/app/server-control/controllers/power-usage-controller.js
@@ -0,0 +1,41 @@
+/**
+ * Controller for power-usage
+ *
+ * @module app/serverControl
+ * @exports powerUsageController
+ * @name powerUsageController
+ */
+
+window.angular && (function(angular) {
+  'use strict';
+
+  angular.module('app.serverControl').controller('powerUsageController', [
+    '$scope', '$window', 'APIUtils', 'dataService', '$q',
+    function($scope, $window, APIUtils, dataService, $q) {
+      $scope.dataService = dataService;
+      $scope.power_consumption = '';
+      $scope.loading = false;
+      loadPowerData();
+
+      function loadPowerData() {
+        $scope.loading = true;
+        var getPowerConsumptionPromise = APIUtils.getPowerConsumption().then(
+            function(data) {
+              $scope.power_consumption = data;
+            },
+            function(error) {
+              console.log(JSON.stringify(error));
+            });
+
+        var promises = [
+          getPowerConsumptionPromise,
+        ];
+
+        $q.all(promises).finally(function() {
+          $scope.loading = false;
+        });
+      }
+    }
+  ]);
+
+})(angular);
diff --git a/app/server-control/index.js b/app/server-control/index.js
index 3b3600f..1e6eaf1 100644
--- a/app/server-control/index.js
+++ b/app/server-control/index.js
@@ -31,6 +31,12 @@
                 'controller': 'powerOperationsController',
                 authenticated: true
               })
+              .when('/server-control/power-usage', {
+                'template':
+                    require('./controllers/power-usage-controller.html'),
+                'controller': 'powerUsageController',
+                authenticated: true
+              })
               .when('/server-control/remote-console', {
                 'template':
                     require('./controllers/remote-console-controller.html'),
diff --git a/app/server-control/styles/index.scss b/app/server-control/styles/index.scss
index cc69a87..f6b15ab 100644
--- a/app/server-control/styles/index.scss
+++ b/app/server-control/styles/index.scss
@@ -2,3 +2,4 @@
 @import "./power-operations.scss";
 @import "./remote-console.scss";
 @import "./server-led.scss";
+@import "./power-usage.scss";
diff --git a/app/server-control/styles/power-usage.scss b/app/server-control/styles/power-usage.scss
new file mode 100644
index 0000000..4c956e2
--- /dev/null
+++ b/app/server-control/styles/power-usage.scss
@@ -0,0 +1,25 @@
+// Power Usage SCSS
+
+.power__usage-metadata {
+  border-bottom: 1px solid $medgrey;
+  padding: 1.8em 0 0 0;
+}
+
+.power__usage-metadata-wrapper {
+  margin: 0;
+  padding: 0;
+}
+
+.power__usage-metadata-block {
+  list-style-type: none;
+  min-width: 47%;
+  margin-bottom: 1.8em;
+  margin-right: .7em;
+  display: inline-block;
+  white-space: normal;
+  word-break: break-all;
+  @include mediaQuery(small) {
+    float: left;
+  }
+}
+