diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
index a1a94e6..fe34315 100644
Binary files a/.vs/slnx.sqlite and b/.vs/slnx.sqlite differ
diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index 6094aa9..d71159f 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -1 +1,6 @@
-<p>about works!</p>
+<iframe width="560" height="315"
+        src="https://www.youtube.com/embed/8GsOkFc7NdQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay;
+        clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen>
+
+</iframe>
diff --git a/src/app/about/about.component.ts b/src/app/about/about.component.ts
index f887244..5a06f13 100644
--- a/src/app/about/about.component.ts
+++ b/src/app/about/about.component.ts
@@ -4,8 +4,8 @@ import { ApiChatService } from '../api-chat.service';
 
 @Component({
   selector: 'app-about',
-  template: `<iframe src="https://www.youtube.com/watch?v=xcNFyPciZ0g&list=RDxcNFyPciZ0g&start_radio=1"
-   width="560" height="315" frameborder="0" allowfullscreen></iframe>`
+  templateUrl: `about.component.html`,
+  styleUrls: [`./about.component.css`]
 })
 export class AboutComponent implements OnInit {
 // это комментарий