diff --git a/templates/base.html b/templates/base.html
index f00c8f5..580c912 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,13 +3,26 @@
     <head>
         <script src="/static/htmx_2.0.4.min.js" integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"></script>
         <link rel="stylesheet" href="/static/pico.classless.green.min.css" />
+        <style type="text/css">
+a:hover {
+    cursor:pointer;
+}
+        </style>
     </head>
     <body>
         <main>
-            <h1>Calathea</h1>
-            <div id="content">
+            <nav>
+                <ul>
+                    <li><strong>Calathea</strong></li>
+                </ul>
+                <ul>
+                    <li><a hx-get="/" hx-target="#content" hx-push-url="true">Home</a></li>
+                    <li><a hx-get="/plants" hx-target="#content" hx-push-url="true">Plants</a></li>
+                </ul>
+            </nav>
+            <article id="content">
                 {{ view | safe }}
-            </div>
+            </article>
         </main>
     </body>
 </html>
