diff --git a/client/src/components/Index.vue b/client/src/components/Index.vue
index 3ff1f8b..b26e1b7 100644
--- a/client/src/components/Index.vue
+++ b/client/src/components/Index.vue
@@ -26,8 +26,11 @@
 				<q-drawer-link to="/">
 					Start
 				</q-drawer-link>
-				<q-drawer-link to="/foo">
-					Foo
+				<q-drawer-link to="/register">
+					Register
+				</q-drawer-link>
+				<q-drawer-link to="/login">
+					Login
 				</q-drawer-link>
 			</div>
 
diff --git a/client/src/components/index/foo.vue b/client/src/components/index/foo.vue
deleted file mode 100644
index 69da599..0000000
--- a/client/src/components/index/foo.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-<div>
-	Foo {{ $route.params.id }}
-</div>
-</template>
-
-<script>
-</script>
-
-<style lang="stylus">
-</style>
diff --git a/client/src/components/index/login.vue b/client/src/components/index/login.vue
new file mode 100644
index 0000000..374cd09
--- /dev/null
+++ b/client/src/components/index/login.vue
@@ -0,0 +1,41 @@
+<template>
+	<div>
+		<div class="layout-padding">
+
+			<p>
+				Wubwub explanation
+			</p>
+			<div class="item multiple-lines">
+				<i class="item-primary">account_circle</i>
+				<div class="item-content">
+					<div class="floating-label">
+						<input required class="full-width">
+						<label>Username</label>
+					</div>
+				</div>
+				<div class="item-content">
+					<div class="floating-label">
+						<input required class="full-width" type="password">
+						<label>Password</label>
+					</div>
+				</div>
+				<div class="item-content">
+					<div class="floating-label">
+						<button class="primary">
+							<i class="on-left">check_circle</i> Login
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+
+
+	</div>
+</div>
+</template>
+
+<script>
+</script>
+
+<style lang="stylus">
+</style>
diff --git a/client/src/components/index/register.vue b/client/src/components/index/register.vue
new file mode 100644
index 0000000..03c3969
--- /dev/null
+++ b/client/src/components/index/register.vue
@@ -0,0 +1,46 @@
+<template>
+	<div>
+		<div class="layout-padding">
+
+			<p>
+				Wubwub explanation
+			</p>
+			<div class="item multiple-lines">
+				<i class="item-primary">event_seat</i>
+				<div class="item-content">
+					<div class="floating-label">
+						<input required class="full-width">
+						<label>Username</label>
+					</div>
+				</div>
+				<div class="item-content">
+					<div class="floating-label">
+						<input required class="full-width" type="password">
+						<label>Password</label>
+					</div>
+				</div>
+				<div class="item-content">
+					<div class="floating-label">
+						<input required class="full-width">
+						<label>E-Mail</label>
+					</div>
+				</div>
+				<div class="item-content">
+					<div class="floating-label">
+						<button class="primary">
+							<i class="on-left">check_circle</i> Register
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+
+	</div>
+</div>
+</template>
+
+<script>
+</script>
+
+<style lang="stylus">
+</style>
diff --git a/client/src/router.js b/client/src/router.js
index 3b98021..bc407e3 100644
--- a/client/src/router.js
+++ b/client/src/router.js
@@ -8,25 +8,14 @@ function load (component) {
 }
 
 export default new VueRouter({
-	/*
-	 * NOTE! VueRouter "history" mode DOESN'T works for Cordova builds,
-	 * it is only to be used only for websites.
-	 *
-	 * If you decide to go with "history" mode, please also open /config/index.js
-	 * and set "build.publicPath" to something other than an empty string.
-	 * Example: '/' instead of current ''
-	 *
-	 * If switching back to default "hash" mode, don't forget to set the
-	 * build publicPath back to '' so Cordova builds work again.
-	 */
-
 	routes: [
 		{
 			path: '/',
 			component: load('Index'),
 			children: [
 				{ path: '', component: load('index/main') },
-				{ path: 'foo', component: load('index/foo') }
+				{ path: 'login', component: load('index/login') },
+				{ path: 'register', component: load('index/register') }
 			]
 		}
 ]