diff --git a/src/main/resources/static/css/addTownsStyle.css b/src/main/resources/static/css/addTownsStyle.css
new file mode 100644
index 0000000000000000000000000000000000000000..61c59d353fe143d266df045a69f94a8c185827f8
--- /dev/null
+++ b/src/main/resources/static/css/addTownsStyle.css
@@ -0,0 +1,16 @@
+body{
+    background-color: rgb(41, 41, 41)
+}
+h1{
+    color: wheat;
+}
+h3{
+    color: wheat;
+}
+ul{
+    list-style: none;
+}
+ul li{
+    color: wheat;
+    list-style: none;
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/towns-data.html b/src/main/resources/templates/towns-data.html
index 024b480c81f2adb7939e74982f83dc85a26679e6..599b10657a1965f24328134be6d8c3fc697a60cf 100644
--- a/src/main/resources/templates/towns-data.html
+++ b/src/main/resources/templates/towns-data.html
@@ -3,8 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <title>Towns</title>
-    <link rel="stylesheet" href="static/css/templatingstyle.css">
+    <link rel="stylesheet" th:href="@{css/templatingstyle.css}">
 </head>
+<header th:insert="~{/towns/Templating.html::header}"></header>
 <body>
 <div id="container1">
     <h2>Enter your Local authority</h2>
@@ -36,6 +37,6 @@
         <input type="submit" value="Submit Data">
     </form>
 </div>
-
 </body>
+<footer th:insert="~{/towns/Templating.html::footer}"></footer>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/towns.html b/src/main/resources/templates/towns.html
index cdd805cb010f98c0a99c84cf6fed71d9cec2c62e..899380391d3dd1aef8e168d54cd9344d6a2271ad 100644
--- a/src/main/resources/templates/towns.html
+++ b/src/main/resources/templates/towns.html
@@ -3,7 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <title>Towns</title>
-    <link rel="stylesheet" th:href="@{css\templatingstyle.css}">
+    <link rel="stylesheet" th:href="@{css/addTownsPageStyle.css}">
+    <link rel="stylesheet" th:href="@{css/templatingstyle.css}">
 </head>
 <header th:insert="~{/towns/Templating.html::header}"></header>
 <body>
@@ -15,7 +16,7 @@
         <li th:text="${towns}"></li>
     </ul>
 </div>
-<button id="submit">Towns log in here</button><a href="towns-data.html"></a>
+<button id="submit"><a href="towns-data.html">Towns log in here</button></a>
 </body>
 <footer th:insert="~{/towns/Templating.html::footer}"></footer>
 </html>
\ No newline at end of file