diff --git a/projects/doc/src/app/pages/buttons-page/buttons-page.component.html b/projects/doc/src/app/pages/buttons-page/buttons-page.component.html
index 501a053..2371e8c 100644
--- a/projects/doc/src/app/pages/buttons-page/buttons-page.component.html
+++ b/projects/doc/src/app/pages/buttons-page/buttons-page.component.html
@@ -1,17 +1,11 @@
-
-
- Square 3d button
-
+
+
-
-
-
- Among us button
+
-
-
+
diff --git a/projects/doc/src/app/pages/loaders-page/loaders-page.component.html b/projects/doc/src/app/pages/loaders-page/loaders-page.component.html
index 26489c9..faeeb46 100644
--- a/projects/doc/src/app/pages/loaders-page/loaders-page.component.html
+++ b/projects/doc/src/app/pages/loaders-page/loaders-page.component.html
@@ -1,46 +1,36 @@
+
+
+
+
+
+
-
- Loaders
-
- Double dots
+
+
+
+
-
-
-
-
-
- DVD
+
+
+
+
+
-
-
-
-
-
- Camp
-
-
-
-
-
- Hourglass
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
- Fire
+
-
-
-
-
-
- Rotating cube
-
-
-
-
-
-
+
+
+
+
diff --git a/projects/doc/src/app/pages/switches-page/switches-page.component.html b/projects/doc/src/app/pages/switches-page/switches-page.component.html
index f51f8ff..25bafbf 100644
--- a/projects/doc/src/app/pages/switches-page/switches-page.component.html
+++ b/projects/doc/src/app/pages/switches-page/switches-page.component.html
@@ -1,11 +1,5 @@
-
-
- Switches
-
- Rocker switch
-
-
-
-
-
-
+
+
+
+
+
diff --git a/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.html b/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.html
new file mode 100644
index 0000000..bcda3f1
--- /dev/null
+++ b/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.html
@@ -0,0 +1,3 @@
+{{title}}
+
+
diff --git a/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.scss b/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.spec.ts b/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.spec.ts
new file mode 100644
index 0000000..cbf70fc
--- /dev/null
+++ b/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PresentationContainerComponent } from './presentation-container.component';
+
+describe('PresentationContainerComponent', () => {
+ let component: PresentationContainerComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ declarations: [PresentationContainerComponent]
+ });
+ fixture = TestBed.createComponent(PresentationContainerComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.ts b/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.ts
new file mode 100644
index 0000000..d2488de
--- /dev/null
+++ b/projects/doc/src/app/shared-doc/container/presentation-container/presentation-container.component.ts
@@ -0,0 +1,10 @@
+import {Component, Input} from '@angular/core';
+
+@Component({
+ selector: 'wtd-presentation-container',
+ templateUrl: './presentation-container.component.html',
+ styleUrls: ['./presentation-container.component.scss']
+})
+export class PresentationContainerComponent {
+ @Input() title!: string;
+}
diff --git a/projects/doc/src/app/shared-doc/shared-doc.module.ts b/projects/doc/src/app/shared-doc/shared-doc.module.ts
index 7c6b134..67afd68 100644
--- a/projects/doc/src/app/shared-doc/shared-doc.module.ts
+++ b/projects/doc/src/app/shared-doc/shared-doc.module.ts
@@ -5,6 +5,7 @@ import {HttpClientModule} from "@angular/common/http";
import {SidebarComponent} from './menu/sidebar/sidebar.component';
import { PageContainerComponent } from './container/page-container/page-container.component';
import {RouterLink} from "@angular/router";
+import { PresentationContainerComponent } from './container/presentation-container/presentation-container.component';
@NgModule({
@@ -13,12 +14,14 @@ import {RouterLink} from "@angular/router";
CodeSnippetComponent,
SidebarComponent,
- PageContainerComponent
+ PageContainerComponent,
+ PresentationContainerComponent
],
exports: [
CodeSnippetComponent,
SidebarComponent,
- PageContainerComponent
+ PageContainerComponent,
+ PresentationContainerComponent
],
imports: [
CommonModule,