diff --git a/ComponentPractice/ComponentPractice/Components/Layout/NavMenu.razor b/ComponentPractice/ComponentPractice/Components/Layout/NavMenu.razor
index 60e5127..88c7f3c 100644
--- a/ComponentPractice/ComponentPractice/Components/Layout/NavMenu.razor
+++ b/ComponentPractice/ComponentPractice/Components/Layout/NavMenu.razor
@@ -44,6 +44,11 @@
+
+
+
+
+
diff --git a/ComponentPractice/ComponentPractice/Components/Pages/Layout.razor b/ComponentPractice/ComponentPractice/Components/Pages/Layout.razor
new file mode 100644
index 0000000..7001274
--- /dev/null
+++ b/ComponentPractice/ComponentPractice/Components/Pages/Layout.razor
@@ -0,0 +1,137 @@
+@page "/layout"
+
+@rendermode RenderMode.InteractiveServer
+
+
+
+
+ Sidebar, Header and Footer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sidebar
+
+
+
+
+ Body
+
+
+
+ Footer
+
+
+
+
+
+ Full-height Sidebar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sidebar
+
+
+
+
+ Body
+
+
+
+
+
+
+ Overlay Sidebar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sidebar
+
+
+
+
+ Body
+
+
+
+ Footer
+
+
+
+
+
+ Icon Sidebar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sidebar
+
+
+
+
+ Body
+
+
+
+ Footer
+
+
+
+
+@code {
+ bool sidebar1Expanded = true;
+ bool sidebar2Expanded = true;
+ bool sidebar3Expanded = true;
+ bool sidebar4Expanded = true;
+}