diff --git a/src/app/pages/layout/accordion/accordion.component.html b/src/app/pages/layout/accordion/accordion.component.html
new file mode 100644
index 00000000..1b5240bf
--- /dev/null
+++ b/src/app/pages/layout/accordion/accordion.component.html
@@ -0,0 +1,82 @@
+
+
+
+ Toggle Accordion By Button
+
+
+
+
+
+
+
+
+ Product Details
+
+
+ A nebula is an interstellar cloud of dust, hydrogen, helium and other ionized gases.
+ Originally, nebula was a name for any diffuse astronomical object,
+ including galaxies beyond the Milky Way.
+
+
+
+
+
+ Reviews
+
+
+ A nebula is an interstellar cloud of dust, hydrogen, helium and other ionized gases.
+ Originally, nebula was a name for any diffuse astronomical object,
+ including galaxies beyond the Milky Way.
+
+
+
+
+
+ Edit
+
+
+ A nebula is an interstellar cloud of dust, hydrogen, helium and other ionized gases.
+ Originally, nebula was a name for any diffuse astronomical object,
+ including galaxies beyond the Milky Way.
+
+
+
+
+
+
+
+
+
+ Product Details
+
+
+ A nebula is an interstellar cloud of dust, hydrogen, helium and other ionized gases.
+ Originally, nebula was a name for any diffuse astronomical object,
+ including galaxies beyond the Milky Way.
+
+
+
+
+
+ Reviews
+
+
+ A nebula is an interstellar cloud of dust, hydrogen, helium and other ionized gases.
+ Originally, nebula was a name for any diffuse astronomical object,
+ including galaxies beyond the Milky Way.
+
+
+
+
+
+ Edit
+
+
+ A nebula is an interstellar cloud of dust, hydrogen, helium and other ionized gases.
+ Originally, nebula was a name for any diffuse astronomical object,
+ including galaxies beyond the Milky Way.
+
+
+
+
+
diff --git a/src/app/pages/layout/stepper/stepper.component.html b/src/app/pages/layout/stepper/stepper.component.html
new file mode 100644
index 00000000..e6c220cc
--- /dev/null
+++ b/src/app/pages/layout/stepper/stepper.component.html
@@ -0,0 +1,143 @@
+
+
+
+
+ First step
+
Step content #1
+
+
+
+
+ Second step
+
Step content #2
+
+
+
+
+
Step content #3
+
+
+
+
+ Fourth step
+
Step content #4
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Wizard completed!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Step content #1
+
+ Proin varius accumsan semper. Praesent consequat tincidunt sagittis. Curabitur egestas sem a ipsum bibendum,
+ sit amet fringilla orci efficitur. Nam bibendum lectus ut viverra tristique. Fusce eu pulvinar magna, quis
+ viverra ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus turpis, commodo vel
+ placerat quis, lobortis in ligula.
+
+
+
+
+
+
Step content #2
+
+ Curabitur luctus mattis risus nec condimentum. Donec at dui turpis. Sed vehicula fringilla rutrum. Nullam
+ sed ornare magna. Mauris vitae laoreet diam. Mauris fermentum ligula at lacinia semper. Nulla placerat dui
+ eu sapien pellentesque, eu placerat leo luctus. Cras pharetra blandit fermentum.
+
+
+
+
+
+
Step content #3
+
+ Proin varius accumsan semper. Praesent consequat tincidunt sagittis. Curabitur egestas sem a ipsum bibendum,
+ sit amet fringilla orci efficitur. Nam bibendum lectus ut viverra tristique. Fusce eu pulvinar magna, quis
+ viverra ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus turpis, commodo vel
+ placerat quis, lobortis in ligula.
+
+
+ Curabitur luctus mattis risus nec condimentum. Donec at dui turpis. Sed vehicula fringilla rutrum. Nullam
+ sed ornare magna. Mauris vitae laoreet diam. Mauris fermentum ligula at lacinia semper. Nulla placerat dui
+ eu sapien pellentesque, eu placerat leo luctus. Cras pharetra blandit fermentum.
+
+
+
+
+
+
Step content #4
+
+ Proin varius accumsan semper. Praesent consequat tincidunt sagittis. Curabitur egestas sem a ipsum bibendum,
+ sit amet fringilla orci efficitur. Nam bibendum lectus ut viverra tristique. Fusce eu pulvinar magna, quis
+ viverra ex.
+
+
+
+
+
+
+
+
+
diff --git a/src/app/pages/miscellaneous/not-found/not-found.component.html b/src/app/pages/miscellaneous/not-found/not-found.component.html
new file mode 100644
index 00000000..df0284ad
--- /dev/null
+++ b/src/app/pages/miscellaneous/not-found/not-found.component.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
404 Page Not Found
+ The page you were looking for doesn't exist
+
+
+
+
+
+
diff --git a/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.html b/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.html
new file mode 100644
index 00000000..a4202be3
--- /dev/null
+++ b/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.html
@@ -0,0 +1,10 @@
+
+ Enter your name
+
+
+
+
+
+
+
+
diff --git a/src/app/pages/modal-overlays/dialog/dialog.component.html b/src/app/pages/modal-overlays/dialog/dialog.component.html
new file mode 100644
index 00000000..a017869e
--- /dev/null
+++ b/src/app/pages/modal-overlays/dialog/dialog.component.html
@@ -0,0 +1,70 @@
+
+
+
+ Open Dialog
+
+
+
+
+
+
+
+
+
+
+ Open Without Backdrop
+
+
+
+
+
+
+
+
+
+
+ Open Without Esc Close
+
+
+
+
+
+
+
+
+
+
+ Open Without Backdrop Click
+
+
+
+
+
+
+
+
+
+
+ Return Result From Dialog
+
+
+
+
Names:
+
+
{{ name }}
+
+
+
+
+
+
+
+
+ Template Dialog
+ {{ data }}
+
+
+
+
+
+
diff --git a/src/app/pages/modal-overlays/dialog/showcase-dialog/showcase-dialog.component.html b/src/app/pages/modal-overlays/dialog/showcase-dialog/showcase-dialog.component.html
new file mode 100644
index 00000000..1e82a3b4
--- /dev/null
+++ b/src/app/pages/modal-overlays/dialog/showcase-dialog/showcase-dialog.component.html
@@ -0,0 +1,14 @@
+
+ {{ title }}
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis tincidunt tincidunt.
+ Vestibulum vulputate maximus massa vel tristique. Suspendisse potenti. Duis aliquet purus sed dictum dictum.
+ Donec fringilla, purus at fermentum imperdiet, velit enim malesuada turpis, quis luctus arcu arcu nec orci.
+ Duis eu mattis felis. Quisque sollicitudin elementum nunc vel tincidunt. Vestibulum egestas mi nec
+ iaculis varius. Morbi in risus sed sapien ultricies feugiat. Quisque pulvinar mattis purus,
+ in aliquet massa aliquet et.
+
+
+
+
+
diff --git a/src/app/pages/modal-overlays/popovers/popover-examples.component.ts b/src/app/pages/modal-overlays/popovers/popover-examples.component.ts
new file mode 100644
index 00000000..000d50bc
--- /dev/null
+++ b/src/app/pages/modal-overlays/popovers/popover-examples.component.ts
@@ -0,0 +1,67 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'ngx-popover-tabs',
+ template: `
+
+
+
+ `,
+})
+export class NgxPopoverFormComponent {
+}
+
+@Component({
+ selector: 'ngx-popover-card',
+ template: `
+
+
+ Hello!
+
+
+ Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
+ there live the blind texts.
+ Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+
+ `,
+ styles: [`
+ nb-card {
+ margin: 0;
+ max-width: 20rem;
+ }
+ `],
+})
+export class NgxPopoverCardComponent {
+}
diff --git a/src/app/pages/modal-overlays/popovers/popovers.component.html b/src/app/pages/modal-overlays/popovers/popovers.component.html
new file mode 100644
index 00000000..4d7465ba
--- /dev/null
+++ b/src/app/pages/modal-overlays/popovers/popovers.component.html
@@ -0,0 +1,157 @@
+
+
+
+ Popover Position
+
+
When popover has not enough space based on the configured placement, it will adjust accordingly trying to fit the screen.
+
+
+
+
+
+
+
+
+
+
+ Simple Popovers
+
+
In a simples form popover can take a string of text to render.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Such a wonderful day!
+
+
+
+
+ Indeed!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Hello!
+
+
+ Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.
+ Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
+
+
+
+
+
+ Template Popovers
+
+
You can pass a refference to `ng-template` to be rendered.
+
+
+
+
+
+
+
+
+
+ Component Popovers
+
+
Same way popover can render any angular compnoent.
+
+
+
+
+
+
+
+
+
+
+
+ Event Debouncing
+
+
Quickly move mouse cursor over the buttons, only the last popover will be created. It allows us to avoid excess white improving page performance.
+
+