Add register device placeholder

src/app/registerdevice/registerdevice.component.html

@@ -0,0 +1,5 @@
+<div class="container text-center pt-10">   
+    <img class="logo" src="/images/farmmapslogo.png" alt="FarmMaps logo"> 
+    <div class="message" i18n>To register this device<br/> download the FarmMaps app and create an account or login. <br/><br/>Next scan this QR code with the function "Register device" from the menu</div>
+    <a href="https://play.google.com/store/apps/details?id=ag.farmmaps.app"><img class="play-badge" src="/images/google-play-badge.png" alt="Get it on google play"></a>  
+</div>

src/app/registerdevice/registerdevice.component.scss

@@ -0,0 +1,32 @@
+.container {
+  width:100%;
+  height:100;
+  padding-top: 5em;
+}
+
+.logo {
+  max-width: 80%;
+  margin-bottom: 1.5em;
+}
+
+.play-badge {
+  margin-top: 1.5em;
+  max-width: 45%;
+}
+
+.message {
+  margin:auto;
+  font-size: 1.5em;
+  line-height: 1.5em;
+  max-width: 90%;
+}
+
+@media screen and (min-width:44rem) {
+  .logo {
+    max-width: 22rem;
+  }
+
+  .play-badge {
+    max-width: 10rem;
+  }
+}

src/app/registerdevice/registerdevice.component.ts

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'registerdevice',
+  templateUrl: './registerdevice.component.html',
+  styleUrls: ['./registerdevice.component.scss']
+})
+export class RegisterDeviceComponent implements OnInit {
+  
+
+  constructor( ) { }
+
+  ngOnInit() {
+   
+  }
+}