diff --git a/static/js/directives/page.js b/static/js/directives/page.js
new file mode 100644
index 00000000..b180c657
--- /dev/null
+++ b/static/js/directives/page.js
@@ -0,0 +1,65 @@
+/*
+ * Spreed Speak Freely.
+ * Copyright (C) 2013-2014 struktur AG
+ *
+ * This file is part of Spreed Speak Freely.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+define(['text!partials/page.html', 'text!partials/page/welcome.html'], function(template, welcome) {
+
+	return ["$templateCache", function($templateCache) {
+
+		$templateCache.put('page/welcome.html', welcome);
+
+		var link = function(scope, element, attrs) {
+
+			scope.room = false;
+			scope.page = null;
+
+			scope.$on("welcome", function() {
+				if (!scope.initialized) {
+					scope.initialized = true;
+					scope.refresh();
+				}
+			});
+
+			scope.$on("room", function(event, room) {
+				console.log("aaa roomStatus", room !== null ? true : false);
+				scope.initialized = true;
+				scope.room = room !== null ? true : false;
+				scope.refresh();
+			});
+
+			scope.refresh = function() {
+				if (scope.room) {
+					scope.page = null;
+				} else {
+					scope.page = "page/welcome.html";
+				}
+			};
+
+		};
+
+		return {
+			restrict: 'E',
+			replace: true,
+			template: template,
+			link: link
+		}
+
+	}];
+
+});
diff --git a/static/partials/page.html b/static/partials/page.html
new file mode 100644
index 00000000..83fa243b
--- /dev/null
+++ b/static/partials/page.html
@@ -0,0 +1,6 @@
+<div id="page">
+	<div ng-if="page" ng-include="page"></div>
+	<div ng-hide="page" id="help">
+		<usability/>
+	</div>
+</div>
\ No newline at end of file
diff --git a/static/partials/page/welcome.html b/static/partials/page/welcome.html
new file mode 100644
index 00000000..b5325f63
--- /dev/null
+++ b/static/partials/page/welcome.html
@@ -0,0 +1,20 @@
+<div class="welcome container" ng-controller="RoomchangeController">
+<h3 style="margin-top:0px">{{_("Create your room")}}</h3>
+<p><i>{{_("This is your room link:")}}</i></p>
+<p>
+  <div class="input-group input-group-lg">
+    <input type="text" class="form-control roomdata-link-input" ng-model="roomdata.link" placeholder="{{_('Creating room link ...')}}" disabled>
+    <span class="input-group-btn">
+      <button class="btn btn-primary" type="button" ng-disabled="!roomdata.link" ng-click="changeRoomToId(roomdata.name)">{{_("Start")}}</button>
+    </span>
+  </div>
+</p>
+<p><i>{{_("Just click start")}}</i></p>
+<small>
+  <ul class="fa-ul">
+    <li><i class="fa-li fa fa-share-square"></i>{{_("Share this URL with the people you want to meet.")}}</li>
+    <li><i class="fa-li fa fa-repeat"></i>{{_("You can use and re-use this room as many times as you want.")}}</li>
+  </ul>
+</small>
+<social-share/>
+</div>
\ No newline at end of file