diff --git a/first-app/src/app/app.css b/first-app/src/app/app.css
new file mode 100644
index 0000000..ca76bf5
--- /dev/null
+++ b/first-app/src/app/app.css
@@ -0,0 +1,12 @@
+:host {
+ --content-padding: 10px;
+}
+header {
+ display: block;
+ height: 60px;
+ padding: var(--content-padding);
+ box-shadow: 0px 5px 25px var(--shadow-color);
+}
+.content {
+ padding: var(--content-padding);
+}
diff --git a/first-app/src/app/app.ts b/first-app/src/app/app.ts
index 6b43cd5..3e08b2d 100644
--- a/first-app/src/app/app.ts
+++ b/first-app/src/app/app.ts
@@ -2,8 +2,12 @@ import {Component} from '@angular/core';
@Component({
selector: 'app-root',
+ imports: [],
template: `
- Welcome to Angular!
+ Hello world!
`,
+ styleUrls: ['./app.css'],
})
-export class App {}
+export class App {
+ title = 'homes';
+}
diff --git a/first-app/src/assets/location-pin.svg b/first-app/src/assets/location-pin.svg
new file mode 100644
index 0000000..8a709d4
--- /dev/null
+++ b/first-app/src/assets/location-pin.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/first-app/src/assets/logo.svg b/first-app/src/assets/logo.svg
new file mode 100644
index 0000000..6a4c13d
--- /dev/null
+++ b/first-app/src/assets/logo.svg
@@ -0,0 +1,7 @@
+
diff --git a/first-app/src/index.html b/first-app/src/index.html
index 95e7cf9..b865877 100644
--- a/first-app/src/index.html
+++ b/first-app/src/index.html
@@ -1,13 +1,14 @@
-
-
- Common
-
-
-
-
-
-
-
+
+
+ Homes
+
+
+
+
+
+
+
+
diff --git a/first-app/src/main.ts b/first-app/src/main.ts
index b9283be..4093863 100644
--- a/first-app/src/main.ts
+++ b/first-app/src/main.ts
@@ -1,13 +1,10 @@
-/*!
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
+/*
+ * Protractor support is deprecated in Angular.
+ * Protractor is used in this example for compatibility with Angular documentation tools.
*/
-
-import {bootstrapApplication} from '@angular/platform-browser';
-import {appConfig} from './app/app.config.js';
+import {bootstrapApplication, provideProtractorTestingSupport} from '@angular/platform-browser';
import {App} from './app/app';
-bootstrapApplication(App, appConfig).catch((err) => console.error(err));
+bootstrapApplication(App, {providers: [provideProtractorTestingSupport()]}).catch((err) =>
+ console.error(err),
+);
diff --git a/first-app/src/styles.css b/first-app/src/styles.css
index 2a37a8d..8ff9d49 100644
--- a/first-app/src/styles.css
+++ b/first-app/src/styles.css
@@ -1,4 +1,23 @@
/* You can add global styles to this file, and also import other style files */
+* {
+ margin: 0;
+ padding: 0;
+}
+
body {
font-family: 'Be Vietnam Pro', sans-serif;
-}
\ No newline at end of file
+}
+:root {
+ --primary-color: #605DC8;
+ --secondary-color: #8B89E6;
+ --accent-color: #e8e7fa;
+ --shadow-color: #E8E8E8;
+}
+
+button.primary {
+ padding: 10px;
+ border: solid 1px var(--primary-color);
+ background: var(--primary-color);
+ color: white;
+ border-radius: 8px;
+}