diff --git a/Java/Spring/activitypubbot/src/main/resources/templates/index.html b/Java/Spring/activitypubbot/src/main/resources/templates/index.html
index aa13d58..7388d4a 100644
--- a/Java/Spring/activitypubbot/src/main/resources/templates/index.html
+++ b/Java/Spring/activitypubbot/src/main/resources/templates/index.html
@@ -1,15 +1,35 @@
 <!DOCTYPE html>
 <html>
 <head>
-<meta charset="ISO-8859-1">
-<title>Spring Bot - an Activity Pub bot using the Spring Boot framework</title>
+    <meta charset="ISO-8859-1">
+    <title>Spring Bot - an Activity Pub bot using the Spring Boot framework</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+
+    <!-- jQuery library -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+
+    <!-- Latest compiled JavaScript -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
 </head>
 <body>
-	<h1>Hello! Welcome to Spring Bot!</h1>
-	<h2>An Activity Pub 'bot' implementation using Spring Boot</h2>
-	<ul>	
-		<li><a href="/makebot">Make Bot</a>
-		<li><a href="/viewbot">View Bot</a>
-	</ul>
+<div class="container-fluid">
+    <h1>Spring Bot</h1>
+
+    <div class="row">
+        <div class="col-sm-2">
+            <a href="/">HOME</a><br>
+            <a href="/viewbot">Bot List</a><br>
+            <a href="/makebot">New Bot</a>
+        </div>
+        <div class="col-sm-8">
+            <h2>Hello! Welcome to SpringBot!</h2>
+            <h3>An Activity Pub 'bot' implementation using Spring Boot</h3>
+        </div>
+        <div class="col-sm-2"></div>
+    </div> 
+</div>
 </body>
 </html>
diff --git a/Java/Spring/activitypubbot/src/main/resources/templates/listbots.html b/Java/Spring/activitypubbot/src/main/resources/templates/listbots.html
index 055282a..79a7a1c 100644
--- a/Java/Spring/activitypubbot/src/main/resources/templates/listbots.html
+++ b/Java/Spring/activitypubbot/src/main/resources/templates/listbots.html
@@ -1,25 +1,45 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
-<meta charset="ISO-8859-1">
-<title>List Bot</title>
-    .main {
-        text-align: center;
-    }
-</style>
+    <meta charset="ISO-8859-1">
+    <title>Bot List</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+
+    <!-- jQuery library -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+
+    <!-- Latest compiled JavaScript -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+
+    <style type="text/css">
+    </style>
 </head>
 <body>
-<div class="main">
-    <h2>Pick-a-Bot!</h2>
-    <th:block th:if="${bots.empty}">
-        <h3>No Bots!</h3>
-    </th:block>
-    <th:block th:each="bot : ${bots}">
-        <a th:href="@{/viewbot/} + ${bot.username}">[[${@botService.getHandle(bot)}]]</a><br>
-    </th:block>
-    <br>
-    <br>
-    <a href="/">HOME</a>
+<div class="container-fluid">
+    <h1>Spring Bot</h1>
+
+    <div class="row">
+        <div class="col-sm-2">
+            <a href="/">HOME</a><br>
+            <a href="/viewbot">Bot List</a><br>
+            <a href="/makebot">New Bot</a>
+        </div>
+        <div class="col-sm-8">
+
+            <h2>Pick-a-Bot!</h2>
+            <th:block th:if="${bots.empty}">
+                <h3>No Bots!</h3>
+            </th:block>
+            <th:block th:each="bot : ${bots}">
+                <a th:href="@{/viewbot/} + ${bot.username}">[[${@botService.getHandle(bot)}]]</a><br>
+            </th:block>
+
+        </div>
+        <div class="col-sm-2"></div>
+    </div> 
 </div>
 </body>
 </html>
diff --git a/Java/Spring/activitypubbot/src/main/resources/templates/makebot.html b/Java/Spring/activitypubbot/src/main/resources/templates/makebot.html
index 4222fb4..a1387d8 100644
--- a/Java/Spring/activitypubbot/src/main/resources/templates/makebot.html
+++ b/Java/Spring/activitypubbot/src/main/resources/templates/makebot.html
@@ -1,50 +1,62 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
-<meta charset="ISO-8859-1">
-<title>Make Bot</title>
-<style type="text/css">
-    label {
-        display: inline-block;
-        width: 200px;
-        margin: 5px;
-        text-align: left;
-    }
-    input[type=text], input[type=password], select {
-        display: inline-block;
-        width: 200px;
-    }
-    input[type=radio] {
-        margin-left: 45px;
-    }
-    input[type=checkbox] {
-        margin-right: 190px;
-    }  
-    button {
-        padding: 5px;
-        margin: 10px;
-    }
-</style>
+    <meta charset="ISO-8859-1">
+    <title>Make Bot</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+
+    <!-- jQuery library -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+
+    <!-- Latest compiled JavaScript -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+
+    <style type="text/css">
+    </style>
 </head>
 <body>
-<div align="center">
-    <h1>Make A Bot!</h1>
-    <form action="#" th:action="@{/makebot}" method="post" th:object="${bot}">
-        <label>Username:</label>
-        <input type="text" th:field="*{username}" /><br/>
- 
-        <label>Display Name:</label>
-        <input type="text" th:field="*{name}" /><br/>
- 
-        <label>Description:</label>
-        <textarea rows="5" cols="25" th:field="*{summary}"></textarea>
-        <br/>
- 
-        <button type="submit">Register</button>    
-    </form>
-    <br>
-    <a href="/">HOME</a> |
-    <a href="/viewbot">Bot List</a>
+<div class="container-fluid">
+    <h1>Spring Bot</h1>
+
+    <div class="row">
+        <div class="col-sm-2">
+            <a href="/">HOME</a><br>
+            <a href="/viewbot">Bot List</a><br>
+            <a href="/makebot">New Bot</a>
+        </div>
+        <div class="col-sm-8">
+            <h2>Make A Bot</h2>
+            <form class="form-horizontal" action="#" th:action="@{/makebot}" method="post" th:object="${bot}">
+                <div class="form-group">
+                    <label class="control-label col-sm-2" for="username">Username:</label>
+                    <div class="col-sm-10">
+                        <input type="text" id="username" th:field="*{username}" />
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="control-label col-sm-2" for="name">Display Name:</label>
+                    <div class="col-sm-10">
+                        <input type="text" id="name" th:field="*{name}" /><br/>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="control-label col-sm-2" for="summary">Description:</label>
+                    <div class="col-sm-10">
+                        <textarea rows="5" cols="25" id="summary" th:field="*{summary}"></textarea>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-2 col-sm-10"> 
+                        <button type="submit" class="btn btn-primary">Make Bot!</button>    
+                    </div>
+                </div>
+            </form>
+        </div>
+        <div class="col-sm-2"></div>
+    </div> 
 </div>
 </body>
 </html>
diff --git a/Java/Spring/activitypubbot/src/main/resources/templates/makebot_submitted.html b/Java/Spring/activitypubbot/src/main/resources/templates/makebot_submitted.html
index bf1f207..d2b53f8 100644
--- a/Java/Spring/activitypubbot/src/main/resources/templates/makebot_submitted.html
+++ b/Java/Spring/activitypubbot/src/main/resources/templates/makebot_submitted.html
@@ -2,23 +2,46 @@
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
 <meta charset="ISO-8859-1">
-<title>Made Bot</title>
-<style type="text/css">
-    span {
-        display: inline-block;
-        width: 200px;
-        text-align: left;
-    }
-</style>
+    <title>Made Bot</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+
+    <!-- jQuery library -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+
+    <!-- Latest compiled JavaScript -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+    <style type="text/css">
+    </style>
 </head>
 <body>
-<div align="center">
-    <h2>Made Bot!</h2>
-    <span>Username:</span><span th:text="${bot.username}"></span><br/>
-    <span>Display Name:</span><span th:text="${bot.name}"></span><br/>
-    <span>Description:</span><span th:text="${bot.summary}"></span><br/>
-    <span>Published:</span><span th:text="${bot.published}"></span><br/>
-    <span>Type:</span><span th:text="${bot.type}"></span><br/>
+    <!-- NOTE: this is mainly just a copy-paste of viewbot... -->
+<div class="container-fluid">
+    <h1>Spring Bot</h1>
+
+    <div class="row">
+        <div class="col-sm-2">
+            <a href="/">HOME</a><br>
+            <a href="/viewbot">Bot List</a><br>
+            <a href="/makebot">New Bot</a>
+        </div>
+        <div class="col-sm-8">
+
+            <h2>Made Bot</h2>
+            Username: <span class="value" th:text="${bot.username}"></span><br>
+            Id: <span class="value" th:text="${@botService.getHandle(bot)}"></span><br>
+            Display Name: <span class="value" th:text="${bot.name}"></span><br>
+            Description: <span class="value" th:text="${bot.summary}"></span><br>
+            Published: <span class="value" th:text="${bot.published}"></span><br>
+            Type: <span class="value" th:text="${bot.type}"></span><br>
+            Public Key:<br>
+            <pre th:text="${bot.getPublicKeyPEMString()}"></pre>
+
+        </div>
+        <div class="col-sm-2"></div>
+    </div>
 </div>
 </body>
 </html>
diff --git a/Java/Spring/activitypubbot/src/main/resources/templates/viewbot.html b/Java/Spring/activitypubbot/src/main/resources/templates/viewbot.html
index b86b4b1..cb0ddf1 100644
--- a/Java/Spring/activitypubbot/src/main/resources/templates/viewbot.html
+++ b/Java/Spring/activitypubbot/src/main/resources/templates/viewbot.html
@@ -1,39 +1,50 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
-<meta charset="ISO-8859-1">
-<title>View Bot</title>
-<style type="text/css">
-    .main {
-        text-align: center;
-    }
-    span {
-        display: inline-block;
-        width: 40em;
-        text-align: left;
-        margin-bottom: 0.5em;
-    }
-    span.left {
-        text-align: right;
-        margin-right: 1em;
-    }
-</style>
+    <meta charset="ISO-8859-1">
+    <title>View Bot</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+
+    <!-- jQuery library -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+
+    <!-- Latest compiled JavaScript -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+
+    <style type="text/css">
+        .value {
+            font-weight: bold;
+        }
+    </style>
 </head>
 <body>
-<div class="main">
-    <h2>Bot:</h2>
-    <span class="left">Username:</span><span th:text="${bot.username}"></span><br/>
-    <span class="left">Id:</span><span th:text="${@botService.getHandle(bot)}"></span><br/>
-    <span class="left">Display Name:</span><span th:text="${bot.name}"></span><br/>
-    <span class="left">Description:</span><span th:text="${bot.summary}"></span><br/>
-    <span class="left">Published:</span><span th:text="${bot.published}"></span><br/>
-    <span class="left">Type:</span><span th:text="${bot.type}"></span><br/>
-    <span class="left">Public Key:</span><span></span>
-    <pre th:text="${bot.getPublicKeyPEMString()}"></pre>
-    <br>
-    <br>
-    <a href="/">HOME</a> |
-    <a href="/viewbot">Bot List</a>
+<div class="container-fluid">
+    <h1>Spring Bot</h1>
+
+    <div class="row">
+        <div class="col-sm-2">
+            <a href="/">HOME</a><br>
+            <a href="/viewbot">Bot List</a><br>
+            <a href="/makebot">New Bot</a>
+        </div>
+        <div class="col-sm-8">
+
+            <h2>View Bot</h2>
+            Username: <span class="value" th:text="${bot.username}"></span><br>
+            Id: <span class="value" th:text="${@botService.getHandle(bot)}"></span><br>
+            Display Name: <span class="value" th:text="${bot.name}"></span><br>
+            Description: <span class="value" th:text="${bot.summary}"></span><br>
+            Published: <span class="value" th:text="${bot.published}"></span><br>
+            Type: <span class="value" th:text="${bot.type}"></span><br>
+            Public Key:<br>
+            <pre th:text="${bot.getPublicKeyPEMString()}"></pre>
+
+        </div>
+        <div class="col-sm-2"></div>
+    </div>
 </div>
 </body>
 </html>
