diff --git a/blazor_lab/Pages/Inventory.razor b/blazor_lab/Pages/Inventory.razor
new file mode 100644
index 0000000..3e00518
--- /dev/null
+++ b/blazor_lab/Pages/Inventory.razor
@@ -0,0 +1,29 @@
+@page "/inventory"
+@using blazor_lab.Models
+
+<h1>Inventory</h1>
+
+<div class="row">
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+</div>
+<div class="row">
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+</div>
+<div class="row">
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+</div>
diff --git a/blazor_lab/Pages/Inventory.razor.cs b/blazor_lab/Pages/Inventory.razor.cs
new file mode 100644
index 0000000..0905619
--- /dev/null
+++ b/blazor_lab/Pages/Inventory.razor.cs
@@ -0,0 +1,6 @@
+namespace blazor_lab.Pages
+{
+    public partial class Inventory
+    { 
+    }
+}
diff --git a/blazor_lab/Shared/NavMenu.razor b/blazor_lab/Shared/NavMenu.razor
index 8c9d622..8bc586a 100644
--- a/blazor_lab/Shared/NavMenu.razor
+++ b/blazor_lab/Shared/NavMenu.razor
@@ -14,7 +14,11 @@
                 <span class="oi oi-list-rich" aria-hidden="true"/> List
             </NavLink>
         </div>
-
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="inventory" Match="NavLinkMatch.All">
+                <span class="fa fa-shopping-bag" aria-hidden="true"></span>  Inventory
+            </NavLink>
+        </div>
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                 <span class="oi oi-home" aria-hidden="true"></span> Home
diff --git a/blazor_lab/_Imports.razor b/blazor_lab/_Imports.razor
index 3f34174..edae36d 100644
--- a/blazor_lab/_Imports.razor
+++ b/blazor_lab/_Imports.razor
@@ -8,6 +8,8 @@
 @using Microsoft.JSInterop
 @using blazor_lab
 @using blazor_lab.Shared
+@using blazor_lab.Pages
 @using Blazorise.DataGrid
 @using Blazored.Modal
-@using Blazored.Modal.Services
\ No newline at end of file
+@using Blazored.Modal.Services
+@using Blazorise.Icons.FontAwesome
\ No newline at end of file