diff --git a/HelloBlazorServer/HelloBlazorServer/Components/Pages/QGGetStarted.razor b/HelloBlazorServer/HelloBlazorServer/Components/Pages/QGGetStarted.razor
index abf3c55..6cb833c 100644
--- a/HelloBlazorServer/HelloBlazorServer/Components/Pages/QGGetStarted.razor
+++ b/HelloBlazorServer/HelloBlazorServer/Components/Pages/QGGetStarted.razor
@@ -1,23 +1,79 @@
 @page "/qggetStarted"
 @rendermode RenderMode.InteractiveServer
 
-<QuickGrid Items="@people">
-    <PropertyColumn Property="@(p => p.PersonId)" Sortable="true" />
-    <PropertyColumn Property="@(p => p.Name)" Sortable="true" />
-    <PropertyColumn Property="@(p => p.BirthDate)" Format="yyyy-MM-dd" Sortable="true" />
-</QuickGrid>
+<div>
+    <QuickGrid Items="@people">
+        <TemplateColumn Title="Person" SortBy="@sortByName">
+            <div class="flex items-center">
+                <img class="w-4 h-3 mr-2" src="flags/@(context.FlagCode).svg" />
+                <nobr>
+                    <strong>@context.LastName</strong>, @context.FirstName
+                </nobr>
+            </div>
+        </TemplateColumn>
+        <PropertyColumn Property="@(p => p.PersonId)" Sortable="true" />
+        <PropertyColumn Property="@(p => p.FirstName)" Sortable="true" />
+        <PropertyColumn Property="@(p => p.LastName)" Sortable="true" />
+        <PropertyColumn Property="@(p => p.BirthDate)" Format="yyyy-MM-dd" Sortable="true" />
+        <PropertyColumn Title="Age in years" Property="@(c => ComputeAge(c.BirthDate))" Sortable="true" Align="Align.Right" />
+        <TemplateColumn Title="Action">
+            <button @onclick="@(() => Hire(context))">Hire</button>
+            <button @onclick="@(() => Fire(context))">Fire</button>
+        </TemplateColumn>
+    </QuickGrid>
+</div>
+
+<p><strong>@message</strong></p>
 
 @code {
-    record Person(int PersonId, string Name, DateOnly BirthDate);
+    string message = string.Empty;
+
+    record Person(int PersonId, string Name, DateOnly BirthDate, string FlagCode)
+    {
+        public string FirstName
+        {
+            get
+            {
+                string[] tmp = Name.Split(" ");
+                if (tmp == null || tmp.Length != 2)
+                    return "";
+
+                return tmp[0];
+            }
+        }
+
+        public string LastName
+        {
+            get
+            {
+                string[] tmp = Name.Split(" ");
+                if (tmp == null || tmp.Length != 2)
+                    return "";
+
+                return tmp[1];
+            }
+        }
+    }
 
     IQueryable<Person> people = new[]
     {
-        new Person(10895, "Jean Martin", new DateOnly(1985, 3, 16)),
-        new Person(10944, "António Langa", new DateOnly(1991, 12, 1)),
-        new Person(11203, "Julie Smith", new DateOnly(1958, 10, 10)),
-        new Person(11205, "Nur Sari", new DateOnly(1922, 4, 27)),
-        new Person(11898, "Jose Hernandez", new DateOnly(2011, 5, 3)),
-        new Person(12130, "Kenji Sato", new DateOnly(2004, 1, 9)),
+        new Person(10895, "Jean Martin", new DateOnly(1985, 3, 16), "flag1"),
+        new Person(10944, "António Langa", new DateOnly(1991, 12, 1), "flag2"),
+        new Person(11203, "Julie Smith", new DateOnly(1958, 10, 10), "flag3"),
+        new Person(11205, "Nur Sari", new DateOnly(1922, 4, 27), "flag4"),
+        new Person(11898, "Jose Hernandez", new DateOnly(2011, 5, 3), "flag5"),
+        new Person(12130, "Kenji Sato", new DateOnly(2004, 1, 9), "flag6"),
     }.AsQueryable();
 
+    int ComputeAge(DateOnly birthDate)
+    {
+        return DateTime.Now.Year - birthDate.Year - (birthDate.DayOfYear < DateTime.Now.DayOfYear ? 0 : 1);
+    }
+
+    GridSort<Person> sortByName = GridSort<Person>
+        .ByAscending(p => p.LastName)
+        .ThenAscending(p => p.FirstName);
+
+    void Hire(Person p) => message = $"You want to hire {p.FirstName} {p.LastName}";
+    void Fire(Person p) => message = $"You want to fire {p.FirstName} {p.LastName}";
 }
\ No newline at end of file
diff --git a/HelloBlazorServer/HelloBlazorServer/Components/Pages/QGGetStarted.razor.css b/HelloBlazorServer/HelloBlazorServer/Components/Pages/QGGetStarted.razor.css
new file mode 100644
index 0000000..424f494
--- /dev/null
+++ b/HelloBlazorServer/HelloBlazorServer/Components/Pages/QGGetStarted.razor.css
@@ -0,0 +1,25 @@
+/* Stripe effect */
+::deep tbody tr {
+	background-color: rgba(0,0,0,0.04);
+}
+
+	::deep tbody tr:nth-child(even) {
+		background: rgba(255,255,255,0.4);
+	}
+
+/* Button styles*/
+button {
+	background: #4969ee;
+	color: white;
+	padding: 0.2rem 1rem;
+	border-radius: 0.25rem;
+	margin: 0.25rem 0.5rem;
+}
+
+	button:hover {
+		background-color: #6884f9;
+	}
+
+	button:active {
+		background-color: #192e86;
+	}
diff --git a/HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj b/HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj
index 9132424..a08b137 100644
--- a/HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj
+++ b/HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj
@@ -23,4 +23,17 @@
     <PackageReference Include="Radzen.Blazor" Version="4.32.8" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Folder Include="wwwroot\flags\" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Include="wwwroot\flags\flag1.svg" />
+    <None Include="wwwroot\flags\flag2.svg" />
+    <None Include="wwwroot\flags\flag3.svg" />
+    <None Include="wwwroot\flags\flag4.svg" />
+    <None Include="wwwroot\flags\flag5.svg" />
+    <None Include="wwwroot\flags\flag6.svg" />
+  </ItemGroup>
+
 </Project>
diff --git a/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag1.svg b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag1.svg
new file mode 100644
index 0000000..0fb323e
--- /dev/null
+++ b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag1.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#324095;}
+	.st1{fill:#F4F4F4;}
+	.st2{fill:#D81E34;}
+</style><g id="XMLID_1_"><rect class="st0" height="298.7" id="XMLID_4_" width="170.7" x="0" y="106.7"/><rect class="st1" height="298.7" id="XMLID_3_" width="170.7" x="170.7" y="106.7"/><rect class="st2" height="298.7" id="XMLID_2_" width="170.7" x="341.3" y="106.7"/></g></svg>
\ No newline at end of file
diff --git a/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag2.svg b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag2.svg
new file mode 100644
index 0000000..a1ccd0b
--- /dev/null
+++ b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag2.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#4A9318;}
+	.st1{fill:#F6D128;}
+	.st2{fill:#CB0423;}
+	.st3{fill:#FFFFFF;}
+	.st4{fill:#FCFF2C;}
+</style><g><rect class="st0" height="298.7" width="512" y="106.7"/><rect class="st1" height="213.4" width="512" y="149.3"/><rect class="st2" height="128" width="512" y="192"/><rect height="42.7" width="512" y="234.7"/><polygon points="0,106.7 0,405.4 10.8,405.4 209.8,256 10.8,106.7  "/><polygon class="st3" points="0,106.7 0,405.4 199,256  "/><polygon class="st2" points="80.5,180.1 47,248.2 98,273.3  "/><polygon class="st2" points="80.5,180.1 114.1,248.2 63.1,273.3  "/><polygon class="st2" points="80.5,180.1 55.1,251.6 108.7,270.7  "/><polygon class="st2" points="80.5,180.1 105.9,251.6 52.4,270.7  "/><polygon class="st2" points="152.6,232.6 77.6,221.7 69.4,278  "/><polygon class="st2" points="8.4,232.6 83.5,221.7 91.6,278  "/><polygon class="st2" points="152.6,232.6 76.8,230.5 75.3,287.3  "/><polygon class="st2" points="8.4,232.6 84.2,230.5 85.8,287.3  "/><polygon class="st2" points="118.8,308.7 105.5,244.9 73.6,251.6  "/><polygon class="st2" points="118.8,308.7 62.3,276.4 78.5,248.1  "/><polygon class="st2" points="42.2,308.7 98.8,276.4 82.6,248.1  "/><polygon class="st2" points="42.2,308.7 55.5,244.9 87.4,251.6  "/><path d="M106.5,303.4c0-9.6,1.7-18.7,5.1-28.5c1.6-4.4,5.7-13.4,6.8-14.8c0.1-0.1,1.9,0.2,3.9,0.8c4.2,1.2,5.3,0.9,5.3-1   c0-1.1-4.3-4.9-25.2-22.4c-14.1-11.8-25.6-21.1-26.2-21.1c-0.6,0-1.1-0.3-1.3-0.7c-0.1-0.4-0.8-5-1.5-10.2   c-0.7-5.2-1.6-10.3-2.1-11.4c-1.3-3.1-4.1-4.8-8.5-5.1c-3.3-0.2-4-0.1-6.3,1.2c-1.5,0.9-3.3,1.5-4.6,1.5c-2.5,0-4.5,1.9-4.5,4.3   v1.6l3.7-0.1c2-0.1,3,0,2.3,0.2c-2.6,0.5-1.6,4.2,1.5,5.3c3.3,1.2,3.2,0.5,3.2,15.9c0,12.7-0.1,14.5-1,17.4   c-1.3,4.3-1.3,10.7,0,14.9c0.5,1.7,1,3.3,1,3.5c0,0.2-1.6,2.3-3.5,4.6c-3.5,4.1-5.6,8.6-5.6,11.7c0,0.7-0.5,1.9-1,2.7   c-1.3,1.8-1.3,4.9-0.1,6.1c1.3,1.2,6.6,23.2,6.6,27.3c0,1.5,0.2,1.5,8.3-0.2c6.5-1.4,21.9-1.7,29.7-0.6c3.6,0.5,7.8,1.3,9.3,1.7   C106.8,309.3,106.5,309.6,106.5,303.4"/><path class="st4" d="M100,306.5c-7.1-1.7-15.1-2.4-24.2-2c-4.6,0.2-9.4,0.6-10.7,0.8l-2.3,0.5l-0.6-3.9c-0.3-2.1-0.5-4-0.4-4.1   c0.1-0.1,2.3-0.5,4.9-0.9c9-1.3,28.2-0.8,37.1,1l1.6,0.3v4.7c0,3.4-0.2,4.7-0.6,4.6C104.6,307.6,102.3,307.1,100,306.5"/><path class="st4" d="M55.6,306.9c0-1.1-2.8-14.6-4-19.3c-0.8-3.2-1.5-6.1-1.5-6.4c0-0.3,0.8,0.1,1.7,0.7c0.9,0.6,2.1,1.2,2.6,1.2   c2.6,0,4,3.9,6.2,17.1c0.3,1.8,0.7,3.9,0.8,4.6c0.2,1.1-0.1,1.3-2.3,1.8C56.3,307.2,55.6,307.3,55.6,306.9"/><path class="st4" d="M104.8,296.6c-0.2-0.3,0.1-0.8,0.5-1.2c0.6-0.6,0.8-0.5,0.8,0.2C106,296.6,105.2,297.3,104.8,296.6"/><path class="st4" d="M64.3,294.4c1.3-1.5,1.4-1.5,2.4-0.4c1,1,1,1.1,0.2,1.5c-0.5,0.2-1.6,0.4-2.4,0.4l-1.5,0L64.3,294.4z"/><path class="st4" d="M97.6,295.3c0.1-0.4,0.6-1,1.2-1.4c0.8-0.6,1.1-0.5,1.9,0.7l0.9,1.4h-2.1C98.1,296,97.5,295.7,97.6,295.3"/><path class="st4" d="M102.1,294.5c-0.6-0.8-1-1.6-0.9-1.7c0.1-0.1,1.1,0,2.3,0.2l2.2,0.4l-1.2,1.3l-1.2,1.3L102.1,294.5z"/><path class="st4" d="M60.9,294.6c-0.4-1.1,0.5-2,1.9-2c1.1,0,1.1,0.1-0.4,1.7C61.3,295.4,61.2,295.5,60.9,294.6"/><path class="st4" d="M72.6,293.6L74,292l1.3,1.3c0.7,0.7,1.4,1.3,1.5,1.3c0.1,0-1.1,0.2-2.6,0.3l-2.8,0.2L72.6,293.6z"/><path class="st4" d="M90.5,294.9l-1.7-0.3l1.2-1.3l1.2-1.3l1.4,1.7C94.3,295.5,94.1,295.6,90.5,294.9"/><path class="st4" d="M68.2,293.4l-1.2-1.4h1.8c1,0,2.2-0.2,2.7-0.4c0.7-0.3,0.6,0-0.3,1.4c-0.6,1-1.3,1.8-1.5,1.8   C69.6,294.8,68.9,294.2,68.2,293.4"/><path class="st4" d="M81.1,293.2l1.4-1.7L84,293c0.8,0.8,1.4,1.6,1.4,1.7c0,0.1-1.3,0.2-2.9,0.2h-2.9L81.1,293.2z"/><path class="st4" d="M94.4,293.4l-1.2-1.4h2.4c2.5,0,2.9,0.4,1.4,1.9C95.9,295.1,95.8,295.1,94.4,293.4"/><path class="st4" d="M76.8,292.9l-1.2-1.4h2.7H81l-1.2,1.4C78.4,294.6,78.3,294.6,76.8,292.9"/><path class="st4" d="M85.9,292.9l-1.2-1.4h2.7h2.7l-1.2,1.4C87.4,294.6,87.3,294.6,85.9,292.9"/><path class="st4" d="M102,291.5c-1.3-0.2-6.3-0.8-11.1-1.1c-8.5-0.7-18.9-0.3-28.3,1c-1.9,0.3-2.4,0.2-2.4-0.5   c0-1.5,10.1-2.4,25.7-2.4c7.6,0,15.4,0.2,17.3,0.5c3.2,0.4,3.4,0.6,3.4,1.8C106.5,292.2,106.1,292.2,102,291.5"/><path class="st4" d="M62.8,286.7c1-1.1,2.1-1.9,2.3-1.9c0.2,0,0.9,0.6,1.6,1.4l1.1,1.4l-2.4,0.4c-1.3,0.2-2.9,0.4-3.5,0.6   C61.2,288.6,61.4,288.1,62.8,286.7"/><path class="st4" d="M59.2,286.9c-0.4-1.1-0.3-1.4,0.6-1.8c0.6-0.2,1.5-0.4,2-0.3c0.8,0.1,0.8,0.4-0.6,1.8l-1.5,1.6L59.2,286.9z"/><path class="st4" d="M106,287.6c0-0.3,0.3-0.6,0.7-0.8c0.5-0.2,0.6,0,0.5,0.5C106.9,288.2,106,288.4,106,287.6"/><path class="st4" d="M72.2,285.6c0.8-0.9,1.4-1.7,1.4-1.8c0-0.1,0.7,0.6,1.6,1.5l1.6,1.6l-3,0.2l-3,0.2L72.2,285.6z"/><path class="st4" d="M99.1,287.1l-2.1-0.2l1.5-1.4l1.5-1.4l1.2,1.3c1.3,1.4,1.6,2.3,0.6,2.1C101.5,287.4,100.3,287.2,99.1,287.1"/><path class="st4" d="M67.9,285.6l-1.5-1.3l2.4-0.4c1.3-0.2,2.5-0.3,2.6-0.2c0.1,0.1-0.3,0.9-1,1.7l-1.1,1.5L67.9,285.6z"/><path class="st4" d="M90,286.5l-1.2-0.4l1.3-1.3c1.1-1.1,1.4-1.2,2.1-0.6c0.4,0.4,1,1.2,1.3,1.8c0.4,0.9,0.3,1-0.9,1   C91.8,286.9,90.6,286.7,90,286.5"/><path class="st4" d="M102.7,285.2l-1.5-1.8l1.3,0.3c0.7,0.2,2.2,0.4,3.3,0.4l2,0l-1.5,1.4c-0.8,0.8-1.6,1.4-1.8,1.4   C104.3,287,103.5,286.2,102.7,285.2"/><path class="st4" d="M76.9,285.1c-0.6-0.7-1.1-1.4-1.1-1.7c0-0.2,1.3-0.4,2.8-0.4h2.8l-1,1.2C78.9,286.3,78.1,286.5,76.9,285.1"/><path class="st4" d="M81.5,285c1.6-1.6,2.2-1.6,3.2,0.2c0.7,1.2,0.7,1.2-2,1.2l-2.7,0L81.5,285z"/><path class="st4" d="M94,284.7l-1.2-1.7h1.2c0.7,0,1.9,0.2,2.8,0.3l1.5,0.3l-1.4,1.3c-0.8,0.7-1.5,1.3-1.6,1.3   C95.3,286.4,94.7,285.6,94,284.7"/><path class="st4" d="M85.9,284.5l-1.2-1.4h2.7h2.7l-1.2,1.4C87.4,286.2,87.3,286.2,85.9,284.5"/><path class="st4" d="M58.9,282.6c0.2-0.5,0.6-2.2,1-3.8l0.6-2.8L66,273c3-1.7,6.4-3.9,7.5-4.8c1.1-0.9,2.2-1.9,2.6-2.1   c0.8-0.5,15.4,0.6,21.8,1.6c5,0.8,13.7,2.5,14,2.8c0.1,0.1-0.7,2.6-1.7,5.7c-1,3.1-1.9,5.9-2,6.3c-0.2,0.6-0.8,0.7-2.5,0.4   c-8.3-1.4-32.1-1.3-41.3,0.2C59.2,283.9,58.5,283.8,58.9,282.6"/><path d="M101,279.2c3.2-3.6,1-9.6-3.6-9.6c-2.9,0-5,2.3-5,5.6C92.4,280.3,97.8,282.8,101,279.2"/><path class="st4" d="M95.6,279c-2.7-1.5-2.5-6.4,0.3-7.7c2.8-1.3,5.6,0.7,5.6,4C101.5,278.4,98.2,280.5,95.6,279"/><path d="M80.8,278.8c3-2.8,2.3-7.9-1.3-9.6c-2.4-1.1-4.9-0.2-6.3,2.2c-1.5,2.7-1.2,4.7,0.7,6.9C76.2,280.8,78.5,280.9,80.8,278.8"/><path class="st4" d="M76,278.6c-3.7-1.7-2.4-8.4,1.6-8.4c4,0,5.3,6.1,1.7,8.2C77.7,279.2,77.5,279.3,76,278.6"/><path class="st4" d="M56.7,281.1c0.7-2.1,0.6-4.7-0.2-4.7c-0.4,0-0.7,0.7-0.7,2c0,1.1-0.3,2.3-0.7,2.7c-0.6,0.6-0.6,0.1-0.4-2.5   c0.2-1.8,0.1-3.2-0.2-3.2c-0.5,0-1.3,2.7-1.6,5c-0.2,1.4-0.2,1.4-0.6-0.3c-0.3-1.3-0.2-2.1,0.7-3.8c0.6-1.2,1.1-2.8,1.1-3.8   c0-1.4,1-2.7,5.6-7.7c3.1-3.3,6.7-7.5,8-9.2c2.3-3,2.4-3.3,2.3-6.3c0-1.7-0.2-3.3-0.4-3.5c-0.6-0.7-1.4,2.7-1.1,4.6   c0.3,1.7,0,2.2-3.3,6.3c-2,2.5-5.3,6.2-7.4,8.3c-3.9,3.9-5.3,6-5.3,7.9c0,0.6-0.4,2.2-1,3.5c-0.5,1.3-0.8,2.7-0.7,3   c0.2,0.4,0.1,0.3-0.3,0c-0.4-0.4-0.5-1.3-0.1-3.1c0.3-1.3,0.4-2.6,0.2-2.9c-0.5-1-1.2,0.3-1.5,2.9c-0.2,1.5-0.5,2.6-0.8,2.5   c-0.7-0.5-0.5-3.3,0.4-4.7c0.5-0.7,1-2.5,1.3-3.9c0.7-3.9,2.3-7.1,5.8-11.3c1.8-2.1,3.2-4,3.2-4.1c0-0.1-0.5-1.7-1-3.5   c-1.3-4.2-1.4-10.6-0.2-14.5c1.3-4.1,3.9-8.2,8-12.5c4.3-4.4,8.3-7.1,10.3-6.8c1.7,0.3,50.5,41.1,50.5,42.2c0,0.4-0.4,0.8-0.9,0.8   c-0.5,0-12.9-3.8-27.6-8.4c-23.5-7.3-26.8-8.5-27.8-9.8c-1.4-1.9-1.5-4.7-0.1-6.6c0.6-0.8,1-1.8,1-2.2c0-1.2-2.5,1.9-3,3.8   c-0.6,2.2,0.5,5.8,2,6.9c0.6,0.5,5.1,2.1,9.9,3.6c8.3,2.6,8.9,2.9,9.3,4.4c1.1,3.5-2.4,7.6-7.5,8.8c-1.6,0.4-3.7,1.4-5.1,2.6   c-5.7,4.6-9.6,7.3-13,8.8c-2,0.9-3.8,1.9-4.2,2.3c-0.3,0.4-0.8,2-1.1,3.6c-0.6,3.5-0.8,4-1.8,4C56.3,282.5,56.3,282.2,56.7,281.1"/><path class="st4" d="M107.8,268.2c-5.2-1.3-13.4-2.5-21.7-3.2l-8-0.7l3-1.2c1.7-0.7,4.1-1.8,5.3-2.6c2-1.2,2.8-1.3,5.8-1.1   c4.5,0.4,7.5-0.5,8.6-2.5c0.5-0.8,0.9-1.6,1-1.7c0.1-0.1,3.6,0.9,7.9,2.2l7.8,2.4l-1.5,2.9c-0.8,1.6-1.9,3.7-2.3,4.7   C112.8,269.2,112.5,269.3,107.8,268.2"/><path class="st4" d="M90.1,257.9c-0.4-0.3-0.4-0.7,0.1-1.4c0.4-0.6,0.8-0.8,1-0.4C91.6,256.9,90.8,258.4,90.1,257.9"/><path class="st4" d="M91.9,257.8c0-0.7,0.4-0.7,0.8,0c0.2,0.3,0.1,0.6-0.2,0.6C92.2,258.4,91.9,258.1,91.9,257.8"/><path class="st4" d="M94.4,257.5c0-0.5,0.2-0.7,0.5-0.5c0.7,0.4,0.7,1.4,0,1.4C94.7,258.4,94.4,258,94.4,257.5"/><path class="st4" d="M96.8,257.5c-0.2-0.2-0.4-0.8-0.4-1.3c0-0.6,0.1-0.7,0.6-0.2c0.3,0.3,0.5,0.9,0.4,1.3   C97.3,257.6,97,257.7,96.8,257.5"/><path class="st4" d="M92.8,256.4c-0.2-0.2-0.4-0.8-0.4-1.3c0-0.6,0.2-0.7,0.6-0.2c0.3,0.3,0.5,0.9,0.4,1.3   C93.3,256.5,93,256.6,92.8,256.4"/><path class="st4" d="M98.7,256.1c-0.5-1,0.1-1.2,0.8-0.3c0.4,0.5,0.4,0.9,0.1,0.9C99.3,256.7,98.9,256.4,98.7,256.1"/><path class="st4" d="M94.7,255.1c-0.2-0.3-0.1-0.7,0.2-0.9c0.3-0.2,0.5,0,0.5,0.5C95.5,255.7,95.2,255.8,94.7,255.1"/><path class="st4" d="M97,254.1c0-0.5,0.2-0.7,0.5-0.5c0.7,0.5,0.7,1.4,0,1.4C97.2,255,97,254.6,97,254.1"/><path class="st4" d="M90.9,253.7c0-1,0.3-1.1,0.7-0.3c0.2,0.3,0.1,0.7-0.2,0.9C91.1,254.4,90.9,254.1,90.9,253.7"/><path class="st4" d="M92.9,253c0-0.5,0.2-0.7,0.5-0.5c0.6,0.4,0.6,1.4,0,1.4C93.2,253.9,92.9,253.5,92.9,253"/><path class="st4" d="M59.1,226.1c-0.1-2.4-0.1-8.1,0-12.6c0.3-9.3,0.1-10.2-2.8-11.2c-2.3-0.8-3.2-1.5-3.2-2.6   c0-0.7,0.5-0.8,3.1-0.5c2.7,0.3,3,0.2,2.9-0.6c-0.3-1.4-3.8-2.5-7.5-2.3c-2.9,0.2-3.3,0.1-3.1-0.8c0.4-1.7,2-2.8,4.5-3.1   c1.3-0.1,3.3-0.8,4.3-1.4c1.6-0.9,2.6-1.1,5.6-0.9c6.6,0.4,7.9,2.3,9.6,14.9c0.7,4.9,1.2,9.4,1.2,10.1c0,0.8-0.9,1.9-3.2,3.5   c-3.4,2.5-7.8,6.9-10,10.1l-1.3,1.9L59.1,226.1z"/><path d="M64,196.7c0.8-0.9,0.8-1.4,0.3-2.5c-0.7-1.8-1.5-1.4-1.2,0.6c0.2,1.2,0,1.4-0.8,1.4c-0.9,0-1.1-0.3-1.1-1.8   c0-1.5-0.1-1.6-0.8-1c-1,0.9-1,2.2,0.1,3.5C61.6,198.1,62.8,198.1,64,196.7"/></g></svg>
\ No newline at end of file
diff --git a/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag3.svg b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag3.svg
new file mode 100644
index 0000000..eeebb79
--- /dev/null
+++ b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag3.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#2C2A7C;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#E91E26;}
+</style><g id="XMLID_1_"><rect class="st0" height="298.7" id="XMLID_16_" width="512" y="106.7"/><polygon class="st1" id="XMLID_15_" points="134.7,289.6 142.5,313.9 166.3,304.9 152.2,326.1 174.1,339 148.7,341.3 152.2,366.5    134.7,348 117.2,366.5 120.7,341.3 95.3,339 117.2,326.1 103.1,304.9 126.9,313.9  "/><polygon class="st1" id="XMLID_14_" points="404.1,333.3 407.8,344.8 419.1,340.5 412.4,350.6 422.9,356.8 410.8,357.8    412.4,369.8 404.1,361 395.7,369.8 397.4,357.8 385.3,356.8 395.8,350.6 389,340.5 400.4,344.8  "/><polygon class="st1" id="XMLID_13_" points="336.7,226.6 340.5,238.2 351.8,233.9 345.1,244 355.5,250.1 343.4,251.2 345.1,263.2    336.7,254.4 328.4,263.2 330.1,251.2 318,250.1 328.4,244 321.7,233.9 333,238.2  "/><polygon class="st1" id="XMLID_12_" points="404.1,153.7 407.8,165.2 419.1,160.9 412.4,171 422.9,177.2 410.8,178.3 412.4,190.3    404.1,181.5 395.7,190.3 397.4,178.3 385.3,177.2 395.8,171 389,160.9 400.4,165.2  "/><polygon class="st1" id="XMLID_11_" points="464,208.7 467.7,220.2 479,215.9 472.3,226 482.7,232.2 470.6,233.3 472.3,245.3    464,236.5 455.6,245.3 457.3,233.3 445.2,232.2 455.6,226 448.9,215.9 460.2,220.2  "/><polygon class="st1" id="XMLID_10_" points="431,262.7 434,269.9 441.7,270.5 435.8,275.5 437.6,283 431,278.9 424.4,283    426.3,275.5 420.4,270.5 428.1,269.9  "/><polygon class="st1" id="XMLID_9_" points="112.2,106.7 112.2,151.6 0,151.6 0,196.5 112.2,196.5 112.2,241.4 157.1,241.4    157.1,196.5 269.4,196.5 269.4,151.6 157.1,151.6 157.1,106.7  "/><polygon class="st1" id="XMLID_8_" points="0,106.7 0,121.7 239.3,241.4 269.4,241.4 269.4,226.3 30.1,106.7  "/><polygon class="st1" id="XMLID_7_" points="239.3,106.7 0,226.3 0,241.4 30.1,241.4 269.4,121.7 269.4,106.7  "/><polygon class="st2" id="XMLID_6_" points="121.2,106.7 121.2,160.5 0,160.5 0,187.5 121.2,187.5 121.2,241.4 148.2,241.4    148.2,187.5 269.4,187.5 269.4,160.5 148.2,160.5 148.2,106.7  "/><path class="st2" d="M0,106.7v10l69.7,34.8h20.1L0,106.7z M249.3,106.7l-89.8,44.9h20.1l89.8-44.9H249.3z"/><path class="st2" d="M89.8,196.5L0,241.4h20.1l89.8-44.9H89.8z M179.6,196.5l89.8,44.9v-10l-69.7-34.9H179.6z"/></g></svg>
\ No newline at end of file
diff --git a/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag4.svg b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag4.svg
new file mode 100644
index 0000000..0775089
--- /dev/null
+++ b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag4.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#D81E34;}
+	.st1{fill:#FFFFFF;}
+</style><g><rect class="st0" height="149.4" width="512" y="106.7"/><rect class="st1" height="149.4" width="512" y="256"/></g></svg>
\ No newline at end of file
diff --git a/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag5.svg b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag5.svg
new file mode 100644
index 0000000..1e1e90c
--- /dev/null
+++ b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag5.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#58B44D;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#EA0042;}
+	.st3{fill:#CFB428;}
+</style><g><rect class="st0" height="85.3" width="512" y="320.1"/><rect class="st1" height="128.1" width="512" y="191.9"/><rect class="st2" height="85.3" width="512" y="106.7"/><path class="st3" d="M255.6,286.3c2.5,3,11.5,6.1,19.2,2.2c1.2,3.6,10.8,9.5,19.5,3.2c-9.4-1.3-14.5-4.4-19.7-11.4   c-5.2,4.2-13.7,0.4-15.6-1.6l0.1-24.2l12.4-12.2c0-2.6-8-10.1-15.9-10.1c-8,0-15.9,7.4-15.9,10.1l12.4,12.2l0.1,24.2   c-1.9,2-10.4,5.7-15.6,1.6c-5.2,7-10.3,10.1-19.7,11.4c8.6,6.3,18.3,0.4,19.5-3.2C244.1,292.5,253.1,289.3,255.6,286.3L255.6,286.3   z M255.6,250.4c-3.1-5.3-9.4-7.3-9.4-7.3s3.2-5.2,9.4-5.2c6.2,0,9.4,5.2,9.4,5.2S258.7,245.1,255.6,250.4"/><path class="st3" d="M255.6,298.9c-11.4,0-18.6,4-22.3,8.2l-3.2-3.4c2.9-3.5,6.8-4.8,7.7-9.2c1-3.1-1.2-5.5-1.2-5.5   s3.2,4.4,11.2,4.4c4.9,0,7.9-5.4,7.9-5.4 M255.6,287.9c0,0,3,5.4,7.9,5.4c8,0,11.2-4.4,11.2-4.4s-2.2,2.4-1.2,5.5   c1,4.4,4.9,5.7,7.7,9.2L278,307c-3.8-4.2-11-8.2-22.3-8.2"/><polygon class="st3" points="310.4,259.3 312.6,266 319.6,266 313.9,270.1 316.1,276.7 310.4,272.6 304.8,276.7 307,270.1    301.3,266 308.3,266  "/><polygon class="st3" points="303.1,232.1 305.3,238.7 312.3,238.7 306.6,242.8 308.8,249.5 303.1,245.4 297.5,249.5 299.7,242.8    294,238.7 301,238.7  "/><polygon class="st3" points="283.2,212.2 285.4,218.8 292.4,218.8 286.7,222.9 288.9,229.6 283.2,225.4 277.6,229.6 279.7,222.9    274.1,218.8 281.1,218.8  "/><polygon class="st3" points="256,204.9 258.2,211.5 265.1,211.5 259.5,215.6 261.6,222.3 256,218.2 250.4,222.3 252.5,215.6    246.9,211.5 253.8,211.5  "/><polygon class="st3" points="228.8,212.2 230.9,218.8 237.9,218.8 232.3,222.9 234.4,229.6 228.8,225.4 223.1,229.6 225.3,222.9    219.6,218.8 226.6,218.8  "/><polygon class="st3" points="208.9,232.1 211,238.7 218,238.7 212.3,242.8 214.5,249.5 208.9,245.4 203.2,249.5 205.4,242.8    199.7,238.7 206.7,238.7  "/><polygon class="st3" points="201.6,259.3 203.7,266 210.7,266 205,270.1 207.2,276.7 201.6,272.6 195.9,276.7 198.1,270.1    192.4,266 199.4,266  "/></g></svg>
\ No newline at end of file
diff --git a/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag6.svg b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag6.svg
new file mode 100644
index 0000000..ee83cc1
--- /dev/null
+++ b/HelloBlazorServer/HelloBlazorServer/wwwroot/flags/flag6.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#AD1F23;}
+</style><g><rect class="st0" height="298.7" width="512" y="106.7"/><path class="st1" d="M256,166.4c49.5,0,89.6,40.1,89.6,89.6c0,49.5-40.1,89.6-89.6,89.6c-49.5,0-89.6-40.1-89.6-89.6   C166.4,206.5,206.5,166.4,256,166.4"/></g></svg>
\ No newline at end of file