diff --git a/src/main/java/edu/group5/app/control/HomePageController.java b/src/main/java/edu/group5/app/control/HomePageController.java
new file mode 100644
index 0000000..3ce7e36
--- /dev/null
+++ b/src/main/java/edu/group5/app/control/HomePageController.java
@@ -0,0 +1,4 @@
+package edu.group5.app.control;
+
+public class HomePageController {
+}
diff --git a/src/main/resources/homepage/header.css b/src/main/resources/header/header.css
similarity index 100%
rename from src/main/resources/homepage/header.css
rename to src/main/resources/header/header.css
diff --git a/src/main/resources/homepage/avatar.png b/src/main/resources/header/images/avatar.png
similarity index 100%
rename from src/main/resources/homepage/avatar.png
rename to src/main/resources/header/images/avatar.png
diff --git a/src/main/resources/homepage/hmh-logo.png b/src/main/resources/header/images/hmh-logo.png
similarity index 100%
rename from src/main/resources/homepage/hmh-logo.png
rename to src/main/resources/header/images/hmh-logo.png
diff --git a/src/main/resources/homepage/homepage.css b/src/main/resources/homepage/homepage.css
new file mode 100644
index 0000000..b1495f8
--- /dev/null
+++ b/src/main/resources/homepage/homepage.css
@@ -0,0 +1,27 @@
+#introduction-section {
+    -fx-border-color: black;
+    -fx-border-width: 2px;
+    -fx-padding: 20px 0;
+}
+
+#h1 {
+    -fx-text-fill: black;
+    -fx-font-size: 50pt;
+    -fx-font-weight: bold;
+}
+
+#h2 {
+    -fx-fill: #757575;
+    -fx-font-size: 25pt;
+}
+
+#charity-image-section {
+    -fx-border-color: black;
+}
+
+#charity-image {
+    -fx-background-image: url("/homepage/charityimage.jpg");
+    -fx-background-position: center 55%;
+    -fx-background-size: 100% auto;
+    -fx-background-repeat: no-repeat;
+}
\ No newline at end of file