diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 1c8cb8a..6545c5f 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -5,12 +5,14 @@ import localeRu from '@angular/common/locales/ru';
import {registerLocaleData} from '@angular/common';
import {FocusNextDirective} from "@/directives/focus-next.directive";
import {TokenRefreshService} from "@service/token-refresh.service";
+import {HeaderComponent} from "@component/common/header/header.component";
@Component({
selector: 'app-root',
standalone: true,
- imports: [RouterOutlet, FooterComponent, FocusNextDirective],
+ imports: [RouterOutlet, FooterComponent, FocusNextDirective, HeaderComponent],
template: `
+
`
})
diff --git a/src/components/common/header/header.component.css b/src/components/common/header/header.component.css
new file mode 100644
index 0000000..36ebaa9
--- /dev/null
+++ b/src/components/common/header/header.component.css
@@ -0,0 +1,9 @@
+mat-toolbar a {
+ color: inherit;
+ cursor: pointer;
+ text-decoration: none;
+}
+
+mat-toolbar a:hover {
+ text-decoration: underline;
+}
diff --git a/src/components/common/header/header.component.html b/src/components/common/header/header.component.html
new file mode 100644
index 0000000..548ebc9
--- /dev/null
+++ b/src/components/common/header/header.component.html
@@ -0,0 +1,3 @@
+
+ Winsomnia
+
diff --git a/src/components/common/header/header.component.ts b/src/components/common/header/header.component.ts
new file mode 100644
index 0000000..d550edd
--- /dev/null
+++ b/src/components/common/header/header.component.ts
@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import {MatToolbar} from "@angular/material/toolbar";
+import {MatAnchor, MatButton} from "@angular/material/button";
+
+@Component({
+ selector: 'app-header',
+ standalone: true,
+ imports: [
+ MatToolbar,
+ MatButton,
+ MatAnchor
+ ],
+ templateUrl: './header.component.html',
+ styleUrl: './header.component.css'
+})
+export class HeaderComponent {
+
+}