diff --git a/wallabag_kindle_consumer/templates/index.html b/wallabag_kindle_consumer/templates/index.html
index 21c24c3..30a6329 100644
--- a/wallabag_kindle_consumer/templates/index.html
+++ b/wallabag_kindle_consumer/templates/index.html
@@ -4,6 +4,18 @@
 
 {% block body %}
 
+    <ul class="nav nav-pills nav-fill mb-3">
+        <li class="nav-item">
+            <a class="nav-link active" href="#">Add User</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="/update">Refresh User</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="/delete">Delete User</a>
+        </li>
+    </ul>
+
     {{ forms.messages(errors=errors, messages=messages) }}
 
     <div class="card">
diff --git a/wallabag_kindle_consumer/templates/relogin.html b/wallabag_kindle_consumer/templates/relogin.html
index cf3c292..a985765 100644
--- a/wallabag_kindle_consumer/templates/relogin.html
+++ b/wallabag_kindle_consumer/templates/relogin.html
@@ -3,6 +3,18 @@
 {% import 'macros.html' as forms %}
 
 {% block body %}
+    <ul class="nav nav-pills nav-fill mb-3">
+        <li class="nav-item">
+            <a class="nav-link" href="/">Add User</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link{% if action == "update" %} active{% endif %}" href="/{% if action == "update" %}#{% else %}update{% endif %}">Refresh User</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link{% if action == "delete" %} active{% endif %}" href="/{% if action == "delete" %}#{% else %}delete{% endif %}">Delete User</a>
+        </li>
+    </ul>
+
     {{ forms.messages(errors=errors, messages=messages) }}
 
     <div class="card">