diff --git a/src/app/start/start.page.html b/src/app/start/start.page.html
index 4050532..a6ff0c4 100644
--- a/src/app/start/start.page.html
+++ b/src/app/start/start.page.html
@@ -14,7 +14,7 @@
     <ion-item><ion-button color="primary">Sign up</ion-button></ion-item>
     <ion-item> <ion-button color="secondary">Gmail login</ion-button></ion-item>
     <ion-item> <ion-button color="primary">Facebook login</ion-button></ion-item>
-    <ion-item> <ion-button color="warning">Login</ion-button></ion-item>
+    <ion-item> <ion-button color="warning" (click)="onLogin()">Login</ion-button></ion-item>
   </ion-list>
 
 </ion-content>
diff --git a/src/app/start/start.page.ts b/src/app/start/start.page.ts
index e831364..a5a42ab 100644
--- a/src/app/start/start.page.ts
+++ b/src/app/start/start.page.ts
@@ -1,5 +1,7 @@
+import { Router } from '@angular/router';
 import { Component, OnInit } from '@angular/core';
 
+
 @Component({
   selector: 'app-start',
   templateUrl: './start.page.html',
@@ -7,9 +9,11 @@ import { Component, OnInit } from '@angular/core';
 })
 export class StartPage implements OnInit {
 
-  constructor() { }
+  constructor( private router: Router) { }
 
   ngOnInit() {
   }
-
+  onLogin(){
+    this.router.navigateByUrl('login');
+  }
 }