diff --git a/hivemind_webchat/templates/index.html b/hivemind_webchat/templates/index.html
index e723fc4..0fc55e3 100755
--- a/hivemind_webchat/templates/index.html
+++ b/hivemind_webchat/templates/index.html
@@ -30,16 +30,49 @@
 <body>
 
 
-<div class="mycroft">
-    <nav class="navbar navbar-inverse navbar-fixed-top">
-        <div class="navbar-header">
-            <a class="navbar-brand" href="#"><img src="static/img/ovos-logo-512.png" alt="Mycroft Logo">
-            </a>
-        </div>
+    <div class="mycroft">
+        <nav class="navbar navbar-inverse navbar-fixed-top">
+            <div class="navbar-header">
+                <a class="navbar-brand" href="#"><img src="static/img/ovos-logo-512.png" alt="Mycroft Logo">
+                </a>
+            </div>
+            <!-- Button to open modal -->
+            <button id="openModalBtn" class="btn btn-primary">Open HiveMind Credentials Modal</button>
+        </nav>
+    </div>
 
-    </nav>
-</div>
+    <!-- Modal -->
+    <div id="credentialsModal" class="modal fade" role="dialog">
+        <div class="modal-dialog">
+            <!-- Modal content -->
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    <h4 class="modal-title">Enter HiveMind Credentials</h4>
+                </div>
+                <div class="modal-body">
+                    <!-- Form to enter credentials -->
+                    <form id="credentialsForm">
+                        <div class="form-group">
+                            <label for="host">Host:</label>
+                            <input type="text" class="form-control" id="host" placeholder="Enter host">
+                        </div>
+                        <div class="form-group">
+                            <label for="accessKey">Access Key:</label>
+                            <input type="text" class="form-control" id="accessKey" placeholder="Enter access key">
+                        </div>
+                        <div class="form-group">
+                            <label for="encryptionKey">Encryption Key:</label>
+                            <input type="text" class="form-control" id="encryptionKey" placeholder="Enter encryption key">
+                        </div>
+                        <button type="submit" class="btn btn-primary">Submit</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
 
+	
 <div class="container">
     <div class="right">
         <div class="chat" data-chat="person2">
