diff --git a/templates/home.html b/templates/home.html
index 08fc2f9..de40c3d 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -5,7 +5,36 @@
     <link href="https://unpkg.com/tailwindcss@1.0.4/dist/tailwind.min.css" rel="stylesheet">
 </head>
 <body class="h-screen overflow-hidden flex items-center justify-center" style="background: #edf2f7;">
-    
+    <section class="container mx-auto px-8 my-1 flex flex-wrap -m-4">
+    <div class="p-2 md:w-40">
+        <a href="#" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
+            <div>
+              <p class=" text-xs font-medium ">North America</p>
+            </div>
+        </a>
+    </div>
+    <div class="p-2 md:w-40">
+        <a href="#" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
+            <div>
+              <p class=" text-xs font-medium ">Europe</p>
+            </div>
+        </a>
+    </div>
+    <div class="p-2 md:w-40">
+        <a href="#" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
+            <div>
+              <p class=" text-xs font-medium ">Australia</p>
+            </div>
+        </a>
+    </div>
+    <div class="p-2 md:w-40">
+        <a href="#" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
+            <div>
+              <p class=" text-xs font-medium ">Asia</p>
+            </div>
+        </a>
+    </div>
+
     <div class="container mx-auto px-4 sm:px-8">
         <div class="py-8">
             <div>
@@ -34,9 +63,8 @@
                             <tr>
                                 <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
                                     <div class="flex items-center">
-                                        
                                         <div class="ml-3">
-                                            <p class="text-gray-900 whitespace-no-wrap">{{.Name}}</p>
+                                            <a href="steam://connect/88.198.49.46:27015" class="text-gray-900 whitespace-no-wrap">{{.Name}}</a>
                                         </div>
                                     </div>
                                 </td>
