Hasini

test-Angular - Copy/src/app/dashboard/dashboard.component.html

@@ -3,6 +3,8 @@
     <div class="page__content shadow p-3 position-relative">
       <div class="page__content-data position-absolute">
         Dashboard Content Goes Here
+
       </div>
     </div>
   </div>
+>>>>>>> test-Angular - Copy/src/app/dashboard/dashboard.component.html

test-Angular - Copy/src/app/facial-expression/facial-expression.component.css

+@import url(../home/home.component.css);
+
+body {font-family: Arial, Helvetica, sans-serif;
+    margin-top: 50px;}
+    * {box-sizing: border-box;}
+    
+    .form{
+     margin-top: 20px;
+     font-size:15px;
+    }
+    
+    input[type=text], select, textarea {
+      width: 100%;
+      padding: 12px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      box-sizing: border-box;
+      margin-top: 6px;
+      margin-bottom: 16px;
+      resize: vertical;
+    }
+    
+    input[type=submit] {
+      background-color: #b61aa9;
+      color: white;
+      padding: 12px 20px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+    }
+    
+    input[type=submit]:hover {
+      background-color: #e073bc;
+    }
+    
+    .btn{
+      margin-left: 20px;
+      background-color: #b61aa9;
+      color: white;
+      padding: 10px 20px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+    }
+    
+    .btn:hover{
+      background-color: #e073bc;
+    }
+    .container {
+      
+      border-radius: 5px;
+      background-color: #f2f2f2;
+      padding: 20px;
+    }
\ No newline at end of file

test-Angular - Copy/src/app/facial-expression/facial-expression.component.html

+<div class="container-fluid page">
+    <div class="d-flex page__box p-3 mt-2">Simle with Simon</div>
+    <div class="page__content shadow p-3 position-relative">
+      <div class="page__content-data position-absolute">
+        <div class="container">
+          <h1>Create Your Baby Profile</h1>        
+          <form class= "form" action="/action_page.php">
+            <label for="fname">Baby's first name</label>
+            <input type="text" id="fname" name="firstname" placeholder="Baby's first name..">
+        
+            <label for="lname">Baby's Last Name / </label>
+            <input type="text" id="lname" name="lastname" placeholder="Baby's last name..">
+        
+            <label for="age">Age</label>
+            <select id="country" name="country">
+              <option value="australia">Age Month 6-1 Year</option>
+              <option value="canada">Age 1 Year - 2 Years </option>
+              <option value="usa">Age 2 Year - 3 Years </option>
+              <option value="usa">Age 3 Year - 4 Years </option>
+            </select>
+        
+            <label for="subject">Optional Details</label>
+            <textarea id="subject" name="subject" placeholder="Fill this if optional.." style="height:200px"></textarea>
+        
+            <input type="submit" value="Submit">
+            <button class="btn">Already have </button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  
+      
\ No newline at end of file

test-Angular - Copy/src/app/facial-expression/facial-expression.component.spec.ts

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FacialExpressionComponent } from './facial-expression.component';
+
+describe('FacialExpressionComponent', () => {
+  let component: FacialExpressionComponent;
+  let fixture: ComponentFixture<FacialExpressionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FacialExpressionComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FacialExpressionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

test-Angular - Copy/src/app/facial-expression/facial-expression.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-facial-expression',
+  templateUrl: './facial-expression.component.html',
+  styleUrls: ['./facial-expression.component.css']
+})
+export class FacialExpressionComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}