diff --git a/cloudscribe.Web.Navigation.sln b/cloudscribe.Web.Navigation.sln
index ce8198c..35786d5 100644
--- a/cloudscribe.Web.Navigation.sln
+++ b/cloudscribe.Web.Navigation.sln
@@ -1,7 +1,7 @@
 
 Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio 15
-VisualStudioVersion = 15.0.27130.2010
+# Visual Studio Version 17
+VisualStudioVersion = 17.14.36221.1 d17.14
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "src", "src", "{00C77D27-B3F9-4926-AB54-EA90E1BD8BE9}"
 EndProject
diff --git a/src/cloudscribe.Web.Navigation/Views/Shared/Bs5SiteAdminMainChildPartial.cshtml b/src/cloudscribe.Web.Navigation/Views/Shared/Bs5SiteAdminMainChildPartial.cshtml
new file mode 100644
index 0000000..6537e3d
--- /dev/null
+++ b/src/cloudscribe.Web.Navigation/Views/Shared/Bs5SiteAdminMainChildPartial.cshtml
@@ -0,0 +1,37 @@
+@using cloudscribe.Web.Navigation
+@model NavigationViewModel
+@using Microsoft.Extensions.Localization
+@inject IStringLocalizer<cloudscribe.Web.Navigation.MenuResources> sr
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+
+@if ((Model.TempNode != null) && (await Model.HasVisibleChildren(Model.TempNode)))
+{
+    @foreach (var childNode in Model.TempNode.Children)
+    {
+        if (! await Model.ShouldAllowView(childNode)) { continue; }
+
+        if (! await Model.HasVisibleChildren(childNode))
+        {
+            <a class="nav-link" href="@Url.Content(Model.AdjustUrl(childNode))">
+                <h6 class="card-subtitle text-muted text-center mb-2">
+                    @Html.Raw(Model.GetIcon(childNode.Value))
+                </h6>
+                <h6 class="card-subtitle text-muted text-center">
+                    @sr[Model.AdjustText(childNode)]
+                </h6>
+            </a>
+        }
+        else
+        {
+            <a class="nav-link" href="@Url.Content(Model.AdjustUrl(childNode))">
+                <h6 class="card-subtitle text-muted text-center mb-2">
+                    @Html.Raw(Model.GetIcon(childNode.Value))
+                </h6>
+                <h6 class="card-subtitle text-muted text-center">
+                    @sr[Model.AdjustText(childNode)]
+                </h6>
+            </a>
+            @Model.UpdateTempNode(childNode) <partial name="Bs5SiteAdminMainChildPartial" model="@Model" />
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/cloudscribe.Web.Navigation/Views/Shared/Components/Navigation/Bs5SiteAdminMainTree.cshtml b/src/cloudscribe.Web.Navigation/Views/Shared/Components/Navigation/Bs5SiteAdminMainTree.cshtml
new file mode 100644
index 0000000..6ccb270
--- /dev/null
+++ b/src/cloudscribe.Web.Navigation/Views/Shared/Components/Navigation/Bs5SiteAdminMainTree.cshtml
@@ -0,0 +1,52 @@
+@using cloudscribe.Web.Navigation
+@using System.Text
+@model NavigationViewModel
+@using Microsoft.Extensions.Localization
+@inject IStringLocalizer<cloudscribe.Web.Navigation.MenuResources> sr
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+
+@if (await Model.HasVisibleChildren(Model.CurrentNode))
+{
+    <div class="row row-cols-1 row-cols-md-4 g-4 mb-4">
+        @foreach (var node in Model.CurrentNode.Children)
+        {
+            if (!await Model.ShouldAllowView(node)) { continue; }
+
+            if (!await Model.HasVisibleChildren(node))
+            {
+                <div class="col">
+                    <div class="card h-100">
+                        <div class="card-body d-flex flex-column justify-content-center text-center">
+                            <a href="@Url.Content(Model.AdjustUrl(node))" style="text-decoration:none;">
+                                <h4>
+                                    @Html.Raw(Model.GetIcon(node.Value))
+                                </h4>
+                                <h4>
+                                    @sr[Model.AdjustText(node)]
+                                </h4>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            }
+            else
+            {
+                <div class="col">
+                    <div class="card h-100">
+                        <div class="card-body d-flex flex-column justify-content-center text-center">
+                            <a href="@Url.Content(Model.AdjustUrl(node))" class="mb-2" style="text-decoration:none;">
+                                <h4>
+                                    @Html.Raw(Model.GetIcon(node.Value))
+                                </h4>
+                                <h4>
+                                    @sr[Model.AdjustText(node)]
+                                </h4>
+                            </a>
+                            @Model.UpdateTempNode(node) <partial name="Bs5SiteAdminMainChildPartial" model="@Model" />
+                        </div>
+                    </div>
+                </div>
+            }
+        }
+    </div>
+}
\ No newline at end of file
diff --git a/src/cloudscribe.Web.Navigation/cloudscribe.Web.Navigation.csproj b/src/cloudscribe.Web.Navigation/cloudscribe.Web.Navigation.csproj
index d31bba7..11726dc 100644
--- a/src/cloudscribe.Web.Navigation/cloudscribe.Web.Navigation.csproj
+++ b/src/cloudscribe.Web.Navigation/cloudscribe.Web.Navigation.csproj
@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk.Razor">
+<Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
     <Description>an ASP.NET Core viewcomponent for menus and breadcrumbs</Description>