diff --git a/about.css b/about.css
index 1fc212d..765118e 100644
--- a/about.css
+++ b/about.css
@@ -11,7 +11,11 @@
     background-position: top;
 }
 .navbar{
-    width: 85%;
+    width: 100%;
+    height: 25px;
+    background-color: 0f0f0f;
+    background-size: contain;
+    background-position: top;
     margin: auto;
     padding: 35px 0;
     display: flex;
@@ -19,7 +23,7 @@
     justify-content: space-between;
 }
 .logo{
-    width: 120px;
+    width: 100px;
     cursor: pointer;
 }
 .navbar ul li{
diff --git a/about.html b/about.html
index 09e2fce..4eee2c4 100644
--- a/about.html
+++ b/about.html
@@ -9,7 +9,7 @@
                 <img src="logo.png" class="logo">
                 <ul>
                     <li><a href="index.html">Home</a></li>
-                    <li><a href="patchos.html">PatchOS</a></li>
+                    <li><a href="projects.html">Projects</a></li>
                     <li><a href="#">Other</a></li>
                     <li><a href="#">Troubleshoot</a></li>
                     <li><a href="about.html"><u>About</u></a></li>
diff --git a/index.html b/index.html
index 3b8767a..823094e 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
                 <img src="logo.png" class="logo">
                 <ul>
                     <li><a href="index.html"><u>Home</u></a></li>
-                    <li><a href="patchos.html">PatchOS</a></li>
+                    <li><a href="projects.html">Projects</a></li>
                     <li><a href="#">Other</a></li>
                     <li><a href="#">Troubleshoot</a></li>
                     <li><a href="about.html">About</a></li>
diff --git a/patchos.css b/patchos.css
index 898830b..4f542db 100644
--- a/patchos.css
+++ b/patchos.css
@@ -26,7 +26,11 @@
     cursor: pointer;
 }
 .navbar{
-    width: 85%;
+    width: 100%;
+    height: 25px;
+    background-color: 0f0f0f;
+    background-size: contain;
+    background-position: top;
     margin: auto;
     padding: 35px 0;
     display: flex;
@@ -34,7 +38,7 @@
     justify-content: space-between;
 }
 .logo{
-    width: 120px;
+    width: 100px;
     cursor: pointer;
 }
 .navbar ul li{
diff --git a/patchos.html b/patchos.html
index a8ae5b4..7dca19e 100644
--- a/patchos.html
+++ b/patchos.html
@@ -9,7 +9,7 @@
                 <img src="logo.png" class="logo">
                 <ul>
                     <li><a href="index.html">Home</a></li>
-                    <li><a href="patchos.html"><u>PatchOS</u></a></li>
+                    <li><a href="projects.html"><u>Projects</u></a></li>
                     <li><a href="#">Other</a></li>
                     <li><a href="#">Troubleshoot</a></li>
                     <li><a href="about.html">About</a></li>
diff --git a/projects.css b/projects.css
new file mode 100644
index 0000000..33d1fdd
--- /dev/null
+++ b/projects.css
@@ -0,0 +1,100 @@
+*{
+    margin:0;
+    padding: 0;
+    font-family: sans-serif;
+}
+.banner{
+    width: 100%;
+    height: 100vh;
+    background-image: url(bgwallpaper1.bmp);
+    background-size: cover;
+    background-position: top;
+}
+.navbar{
+    width: 100%;
+    height: 25px;
+    background-color: 0f0f0f;
+    background-size: contain;
+    background-position: top;
+    margin: auto;
+    padding: 35px 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.logo{
+    width: 100px;
+    cursor: pointer;
+}
+.navbar ul li{
+    list-style: none;
+    display: inline-block;
+    margin: 0 20px;
+    position: relative;
+}
+.navbar ul li a{
+    text-decoration: none;
+    color: #fff;
+    text-transform: uppercase;
+}
+.navbar ul li::after{
+    content: '';
+    height: 3px;
+    width: 0;
+    background: #009688;
+    position: absolute;
+    left: 0;
+    bottom: -5;
+    transition: 0.5s;
+}
+.navbar ul li:hover::after{
+    width: 100%;
+}
+.content{
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    text-align: center;
+    color: #fff;
+}
+button{
+    width: 150;
+    padding: 15px 0;
+    text-align: center;
+    margin: 20px 10px;
+    border-radius: 25px;
+    font-weight: bold;
+    border: 2px solid #009688;
+    background: transparent;
+    color: #fff;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+button:hover span{
+    width: 100%;
+}
+span{
+    background: #009688;
+    height: 100%;
+    width: 0;
+    border-radius: 25px;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    z-index: -1;
+    transition: 0.5s;
+}
+.end{
+    background-color: 0f0f0f;
+    background-size: auto;
+    background-position: center;
+}
+p{
+    color: aliceblue;
+    text-align: center;
+}
+.os{
+
+}
\ No newline at end of file
diff --git a/projects.html b/projects.html
new file mode 100644
index 0000000..88e9067
--- /dev/null
+++ b/projects.html
@@ -0,0 +1,32 @@
+<html>  
+    <head>
+        <title>PatchWare</title>
+        <link href="projects.css" rel="stylesheet" type="text/css">
+    </head>
+    <body>
+        <div class="banner">
+            <div class="navbar">
+                <img src="logo.png" class="logo">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="projects.html"><u>Projects</u></a></li>
+                    <li><a href="#">Other</a></li>
+                    <li><a href="#">Troubleshoot</a></li>
+                    <li><a href="about.html">About</a></li>
+                </ul>
+            </div>
+            <div class="content">
+                <h1>Projects</h1>
+                <div class="os">
+
+                </div>
+                <div class="rfid">
+
+                </div>
+            </div>
+        </div>
+        <div class="end">
+            <p>PatchWare 2024</p>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 523a95b..47cc77f 100644
--- a/style.css
+++ b/style.css
@@ -11,7 +11,11 @@
     background-position: top;
 }
 .navbar{
-    width: 85%;
+    width: 100%;
+    height: 25px;
+    background-color: 0f0f0f;
+    background-size: contain;
+    background-position: top;
     margin: auto;
     padding: 35px 0;
     display: flex;
@@ -19,7 +23,7 @@
     justify-content: space-between;
 }
 .logo{
-    width: 120px;
+    width: 100px;
     cursor: pointer;
 }
 .navbar ul li{