diff --git a/templates/add_trainer.html b/templates/add_trainer.html
index 1d0072c..d65119f 100644
--- a/templates/add_trainer.html
+++ b/templates/add_trainer.html
@@ -1,19 +1,12 @@
-
-
-{{template "head.html" .}}
-
-
-{{template "header.html" .}}
- Add Trainer
- Back to Home
-
-
-
+{{ template "preamble.html" }}
+Add Trainer
+
+{{template "epilogue.html" }}
\ No newline at end of file
diff --git a/templates/add_training_area.html b/templates/add_training_area.html
index 9c6ba4f..2dec2d8 100644
--- a/templates/add_training_area.html
+++ b/templates/add_training_area.html
@@ -1,18 +1,8 @@
-
-
-{{template "head.html" .}}
-
-
-{{template "header.html" .}}
+{{ template "preamble.html" }}
Add New Training Area
-
- Back to Training Areas
-
- Back to Home
-
-
+{{template "epilogue.html" }}
\ No newline at end of file
diff --git a/templates/css.html b/templates/css.html
index 6361904..c7f208a 100644
--- a/templates/css.html
+++ b/templates/css.html
@@ -12,19 +12,53 @@
header {
background-color: #06041f;
+ color: #fff;
padding: 20px;
text-align: center;
}
- header img {
- width: 150px;
+ .header-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+
+ .logo {
+ width: 50px;
height: auto;
}
header h1 {
+ flex-grow: 1;
+ margin: 0;
+ font-size: 2em;
color: #47d7ac;
}
+ .nav-buttons a {
+ text-decoration: none;
+ margin: 0 10px;
+ padding: 10px 20px;
+ background-color: #47d7ac;
+ color: #fff;
+ border-radius: 5px;
+ font-weight: bold;
+ transition: background-color 0.3s ease;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .nav-buttons a:hover {
+ background-color: #35a895;
+ }
+
+ .nav-buttons i {
+ margin-right: 8px;
+ }
+
/* home */
.tiles ul {
list-style-type: none;
@@ -88,7 +122,7 @@
button {
background-color: #47d7ac;
- color: #fff;
+ color: #06041f;
padding: 8px 16px;
border: none;
cursor: pointer;
@@ -98,4 +132,9 @@
button:hover {
background-color: #35a895;
}
+
+ .main {
+ margin-left: 20px;
+ margin-right: 20px;
+ }
\ No newline at end of file
diff --git a/templates/epilogue.html b/templates/epilogue.html
new file mode 100644
index 0000000..d5f6fbc
--- /dev/null
+++ b/templates/epilogue.html
@@ -0,0 +1,3 @@
+
+