moved simplified contents to app component

Author: simplifiedcourses

src/app/app.component.html

@@ -1 +1,7 @@
+<a href="https://simplified.courses" target="_blank" class="logo">
+    <img src="assets/simplified-logo.png" alt="">
+</a>
 <sc-purchase-form></sc-purchase-form>
+<a class="course" href="https://www.simplified.courses/complex-angular-template-driven-forms">
+    <img src="assets/course.jpeg" alt="Advanced Template-driven forms course">
+</a>

src/app/app.component.scss

@@ -0,0 +1,21 @@
+:host {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    padding-top: 20px;
+    align-items: center;
+}
+
+.logo {
+    img {
+        width: 100px;
+    }
+
+    margin-bottom: 20px;
+}
+
+.course {
+    img {
+        width: 500px;
+    }
+}

src/app/components/purchase-form/purchase-form.component.html

@@ -1,6 +1,4 @@
-<a href="https://simplified.courses" target="_blank" class="logo">
-  <img src="assets/simplified-logo.png" alt="">
-</a>
+
 <br>
 <h3>Test it out</h3>
 <ul>
@@ -157,9 +155,7 @@ <h3>Shipping Address</h3>
 
 </form>
 <br>
-<a class="course" href="https://www.simplified.courses/complex-angular-template-driven-forms">
-  <img src="assets/course.jpeg" alt="Advanced Template-driven forms course">
-</a>
+
 <h3>The value of the form</h3>
 <pre id="json-data">
     {{vm.formValue|json}}

src/app/components/purchase-form/purchase-form.component.scss

@@ -4,15 +4,5 @@
   flex-direction: column;
   padding-top: 20px;
   align-items:center;
-  .logo {
-    img {
-      width: 100px;
-    }
-    margin-bottom: 20px;
-  }
-  .course {
-    img {
-      width: 500px;
-    }
-  }
+
 }