diff --git a/src/app/login/login.page.html b/src/app/login/login.page.html
index 16d1acb..c89068a 100644
--- a/src/app/login/login.page.html
+++ b/src/app/login/login.page.html
@@ -5,5 +5,22 @@
 </ion-header>
 
 <ion-content>
+  <ion-list>
+
+    <ion-item>
+      <ion-label fixed>Username</ion-label>
+      <ion-input type="text"></ion-input>
+    </ion-item>
+
+    <ion-item>
+      <ion-label fixed>Password</ion-label>
+      <ion-input type="password"></ion-input>
+    </ion-item>
+
+  </ion-list>
+
+  <div padding>
+    <ion-button color="secondary" block (click)="onStartLogin()" >Sign In</ion-button>
+  </div>
 
 </ion-content>
diff --git a/src/app/login/login.page.ts b/src/app/login/login.page.ts
index 141f59e..333037f 100644
--- a/src/app/login/login.page.ts
+++ b/src/app/login/login.page.ts
@@ -1,5 +1,7 @@
+import { Router } from '@angular/router';
 import { Component, OnInit } from '@angular/core';
 
+
 @Component({
   selector: 'app-login',
   templateUrl: './login.page.html',
@@ -7,9 +9,13 @@ import { Component, OnInit } from '@angular/core';
 })
 export class LoginPage implements OnInit {
 
-  constructor() { }
+  constructor( private router:Router) { }
 
   ngOnInit() {
   }
 
+  onStartLogin(){
+    this.router.navigateByUrl('tabs');
+
+  }
 }