diff --git a/.gitignore b/.gitignore
index adf8f72..e38a0ee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,4 @@
# Go workspace file
go.work
+test/scripts/csswatch.sh
diff --git a/test/css/repo-home.css b/test/css/repo-home.css
new file mode 100644
index 0000000..969c8a6
--- /dev/null
+++ b/test/css/repo-home.css
@@ -0,0 +1,70 @@
+* {
+ all: unset;
+}
+
+title {
+ display: none;
+}
+
+header {
+ background-color: #1a1a1a;
+ padding: 0.3em 1em;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #444;
+}
+
+.header-left,
+.header-right {
+ display: flex;
+ align-items: center;
+ gap: 1em;
+}
+
+.logo {
+ display: flex;
+ align-items: center;
+ margin-right: 1em;
+}
+.logo img {
+ height: 32px;
+ width: auto;
+}
+
+.header-left a {
+ color: #f0f0f0;
+ text-decoration: none;
+ font-weight: bold;
+ font-size: 0.95rem;
+}
+.header-left a:hover {
+ color: #bfbfbf;
+}
+
+.header-right a {
+ color: #f0f0f0;
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ border-radius: 50%;
+ padding: 0.5em;
+}
+.header-right a img {
+ width: 30px;
+ height: 30px;
+}
+.header-right a:hover {
+ background-color: #333;
+}
+
+.profile-icon {
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ overflow: hidden;
+}
+
+body {
+ background-color: #232323;
+}
diff --git a/test/html/repo-home.html b/test/html/repo-home.html
new file mode 100644
index 0000000..7e69245
--- /dev/null
+++ b/test/html/repo-home.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+ Repository Home
+
+
+
+
+
+
+
+
+
diff --git a/test/images/create.png b/test/images/create.png
new file mode 100644
index 0000000..2bc4979
Binary files /dev/null and b/test/images/create.png differ
diff --git a/test/images/icon1.png b/test/images/icon1.png
new file mode 100644
index 0000000..51f4ae5
Binary files /dev/null and b/test/images/icon1.png differ
diff --git a/test/images/icon2.png b/test/images/icon2.png
new file mode 100644
index 0000000..217a73a
Binary files /dev/null and b/test/images/icon2.png differ
diff --git a/test/images/notif.jpg b/test/images/notif.jpg
new file mode 100644
index 0000000..2263746
Binary files /dev/null and b/test/images/notif.jpg differ
diff --git a/test/scss/_common.scss b/test/scss/_common.scss
new file mode 100644
index 0000000..0506dda
--- /dev/null
+++ b/test/scss/_common.scss
@@ -0,0 +1,7 @@
+* {
+ all: unset;
+}
+
+title {
+ display: none;
+}
\ No newline at end of file
diff --git a/test/scss/repo-home.scss b/test/scss/repo-home.scss
new file mode 100644
index 0000000..45a8e8d
--- /dev/null
+++ b/test/scss/repo-home.scss
@@ -0,0 +1,7 @@
+@use "common";
+
+@use "repo-home/header";
+
+body {
+ background-color: #232323;
+}
\ No newline at end of file
diff --git a/test/scss/repo-home/_header.scss b/test/scss/repo-home/_header.scss
new file mode 100644
index 0000000..87ce8a0
--- /dev/null
+++ b/test/scss/repo-home/_header.scss
@@ -0,0 +1,75 @@
+// Color Variables
+$repo-home-header-bg-color: #1a1a1a;
+$repo-home-header-nav-text-color: #f0f0f0;
+$repo-home-header-nav-hover-text-color: #bfbfbf;
+$repo-home-header-nav-right-text-color: #f0f0f0;
+$repo-home-header-nav-right-hover-bg-color: #333;
+$repo-home-header-border-color: #444;
+
+// Header Styles
+header {
+ background-color: $repo-home-header-bg-color;
+ padding: 0.3em 1em;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid $repo-home-header-border-color;
+}
+
+.header-left,
+.header-right {
+ display: flex;
+ align-items: center;
+ gap: 1em;
+}
+
+// Logo
+.logo {
+ display: flex;
+ align-items: center;
+ margin-right: 1em;
+
+ img {
+ height: 32px;
+ width: auto;
+ }
+}
+
+// Left Navbar Links
+.header-left a {
+ color: $repo-home-header-nav-text-color;
+ text-decoration: none;
+ font-weight: bold;
+ font-size: 0.95rem;
+
+ &:hover {
+ color: $repo-home-header-nav-hover-text-color;
+ }
+}
+
+// Right Navbar Icons
+.header-right a {
+ color: $repo-home-header-nav-right-text-color;
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ border-radius: 50%;
+ padding: 0.5em;
+
+ img {
+ width: 30px;
+ height: 30px;
+ }
+
+ &:hover {
+ background-color: $repo-home-header-nav-right-hover-bg-color;
+ }
+}
+
+// Profile Icon
+.profile-icon {
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ overflow: hidden;
+}
+ 
+ 
+ 
+