diff --git a/Blazor/Blazor/Components/InventoryList.razor b/Blazor/Blazor/Components/InventoryList.razor
new file mode 100644
index 0000000..41e2a3c
--- /dev/null
+++ b/Blazor/Blazor/Components/InventoryList.razor
@@ -0,0 +1,31 @@
+﻿@using Blazor.Models
+<h3>Inventory Item List</h3>
+
+<DataGrid TItem="Item"
+          Data="@items"
+          ReadData="@OnReadData"
+          TotalItems="@totalItem"
+          PageSize="10"
+          ShowPager
+          Responsive>
+    @for(int i = 0; i<10; i++)
+    {
+        <div style="height: 50px; width: 50px; color: red"/>
+    }
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
+    <DisplayTemplate>
+        @if (!string.IsNullOrWhiteSpace(context.ImageBase64))
+        {
+            <img src="data:image/png;base64, @(context.ImageBase64)" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="width: 100px" />
+        }
+        else
+        {
+            <img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="width: 100px"/>
+        }
+    </DisplayTemplate>
+</DataGridColumn>
+    <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
+</DataGrid>
+
diff --git a/Blazor/Blazor/Components/InventoryList.razor.cs b/Blazor/Blazor/Components/InventoryList.razor.cs
new file mode 100644
index 0000000..1929509
--- /dev/null
+++ b/Blazor/Blazor/Components/InventoryList.razor.cs
@@ -0,0 +1,46 @@
+﻿using Blazor.Models;
+using Blazor.Services;
+using Blazored.Modal;
+using Blazored.Modal.Services;
+using Blazorise.DataGrid;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+
+namespace Blazor.Components
+{
+        public partial class InventoryList
+        {
+            private List<Item> items;
+
+            private int totalItem;
+
+            [Inject]
+            public IDataService DataService { get; set; }
+
+            [Inject]
+            public IWebHostEnvironment WebHostEnvironment { get; set; }
+
+            [Inject]
+            public NavigationManager NavigationManager { get; set; }
+
+            [CascadingParameter]
+            public IModalService Modal { get; set; }
+
+            [Inject]
+            public IStringLocalizer<InventoryList> Localizer { get; set; }
+
+            private async Task OnReadData(DataGridReadDataEventArgs<Item> e)
+            {
+                if (e.CancellationToken.IsCancellationRequested)
+                {
+                    return;
+                }
+
+                if (!e.CancellationToken.IsCancellationRequested)
+                {
+                    items = await DataService.List(e.Page, e.PageSize);
+                    totalItem = await DataService.Count();
+                }
+            }
+    }
+}
\ No newline at end of file
diff --git a/Blazor/Blazor/Pages/Inventory.razor b/Blazor/Blazor/Pages/Inventory.razor
new file mode 100644
index 0000000..9391990
--- /dev/null
+++ b/Blazor/Blazor/Pages/Inventory.razor
@@ -0,0 +1,11 @@
+﻿@page "/inventory"
+@using Blazor.Components
+@using Blazor.Models
+
+<PageTitle>Counter</PageTitle>
+
+<h1>Inventory</h1>
+
+<div>
+    <InventoryList/>
+</div>
diff --git a/Blazor/Blazor/Pages/List.razor b/Blazor/Blazor/Pages/List.razor
index 8a55786..884584c 100644
--- a/Blazor/Blazor/Pages/List.razor
+++ b/Blazor/Blazor/Pages/List.razor
@@ -2,8 +2,6 @@
 @using Models
 <h3>@Localizer["Title"]</h3>
 
-...
-
 <h3>List</h3>
 
 <div>
diff --git a/Blazor/Blazor/Pages/_Layout.cshtml b/Blazor/Blazor/Pages/_Layout.cshtml
index a647c05..1fdfc6e 100644
--- a/Blazor/Blazor/Pages/_Layout.cshtml
+++ b/Blazor/Blazor/Pages/_Layout.cshtml
@@ -7,7 +7,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <base href="https://codefirst.iut.uca.fr/containers/blazor-web-remiarnal/" />
+    @*<base href="https://codefirst.iut.uca.fr/containers/blazor-web-remiarnal/" />*@
     <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
     <link href="css/site.css" rel="stylesheet" />
     <link href="Blazor.styles.css" rel="stylesheet" />
diff --git a/Blazor/Blazor/Shared/NavMenu.razor b/Blazor/Blazor/Shared/NavMenu.razor
index 72d89c7..e792a1e 100644
--- a/Blazor/Blazor/Shared/NavMenu.razor
+++ b/Blazor/Blazor/Shared/NavMenu.razor
@@ -29,6 +29,11 @@
                 <span class="oi oi-list-rich" aria-hidden="true"></span> List
             </NavLink>
         </div>
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="inventory">
+                <span class="oi oi-box" aria-hidden="true"></span> Inventory
+            </NavLink>
+        </div>
     </nav>
 </div>
 
