diff --git a/src/app/pages/slider/slider.page.html b/src/app/pages/slider/slider.page.html
index 0fbb4ea..27c231f 100644
--- a/src/app/pages/slider/slider.page.html
+++ b/src/app/pages/slider/slider.page.html
@@ -51,7 +51,7 @@
             Get Started
           </ion-button>
 
-          <div class="action_txt">Scan family code to continue</div>
+          <div class="action_txt"  (click)="onStartScan()">Scan family code to continue</div>
 
           <div class="action_txt" (click)="onLogin()">Already using WrenchBoard ?  Sign in</div>
         </div>
diff --git a/src/app/pages/slider/slider.page.scss b/src/app/pages/slider/slider.page.scss
index f5f63e4..06e54e3 100644
--- a/src/app/pages/slider/slider.page.scss
+++ b/src/app/pages/slider/slider.page.scss
@@ -31,16 +31,16 @@
   border-radius: 20px;
   .action_h1{
     font-weight: 14px;
-    color: #0b5e86;
+    color: #be2e7e;
     padding: 0 0 10px 0;
     width: 100%;
     text-align: center;
   }
   .action_txt{
     font-size: 16px;
-    font-weight: bolder;
-    color: #0e4977;
-    margin: 10px auto 15px auto;
+    font-weight: bold;
+    color: #be2e7e;
+    margin: 10px auto 25px auto;
     width: 100%;
     text-align: center;
   }
diff --git a/src/app/pages/slider/slider.page.ts b/src/app/pages/slider/slider.page.ts
index a72ff0c..8bbe7e0 100644
--- a/src/app/pages/slider/slider.page.ts
+++ b/src/app/pages/slider/slider.page.ts
@@ -24,6 +24,10 @@ export class SliderPage implements OnInit {
   onLogin() {
     this.router.navigate(['login']);
   }
+
+  onStartScan() {
+    this.router.navigate(['startscan']);
+  }
   signupCountry:any;