diff --git a/web/skins/bootstrap/index.html b/web/skins/bootstrap/index.html
new file mode 100644
index 000000000..c97134dcf
--- /dev/null
+++ b/web/skins/bootstrap/index.html
@@ -0,0 +1,35 @@
+
+
+
+ ZoneMinder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/skins/bootstrap/js/app.js b/web/skins/bootstrap/js/app.js
index 984b18a3e..eb5bde309 100644
--- a/web/skins/bootstrap/js/app.js
+++ b/web/skins/bootstrap/js/app.js
@@ -3,11 +3,21 @@ var ZoneMinder = angular.module('ZoneMinder', [
'tc.chartjs',
'ui.bootstrap',
'angularUtils.directives.dirPagination',
- 'ui.bootstrap.datetimepicker'
+ 'ui.bootstrap.datetimepicker',
+ 'ngRoute'
]);
-ZoneMinder.config(['$locationProvider', function($locationProvider){
+ZoneMinder.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
+
+ $routeProvider
+ .when('/skins/bootstrap/', {
+ templateUrl: '/skins/bootstrap/views/console.html'
+ })
+
+ .when('/#events', {
+ templateUrl: '/skins/bootstrap/views/events.html'
+ });
}]);
ZoneMinder.config(function(paginationTemplateProvider) {
paginationTemplateProvider.setPath('skins/bootstrap/js/dirPagination.tpl.html');
diff --git a/web/skins/bootstrap/views/events.php b/web/skins/bootstrap/views/events.php
index b3e5f7679..5b690a443 100644
--- a/web/skins/bootstrap/views/events.php
+++ b/web/skins/bootstrap/views/events.php
@@ -1,9 +1,3 @@
-
-
-
-
-
-
-
-