diff --git a/_includes/nav.html b/_includes/nav.html
index 30a3213..029984a 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,4 +1,11 @@
-<nav class="navbar navbar-expand-lg navbar-dark">
+<nav class="navbar navbar-expand-lg navbar-dark d-flex flex-column">
+<!-- Banner for 50th anniversary information -->
+    <div id="info-banner">
+        <p>ATTENTION ALUMNI & MEMBERS: The 50th Anniversary will be held from April 10th-12th, 2026!</p>
+        <p>Find out more at <a href="https://50th.csh.rit.edu">50th.csh.rit.edu</a></p>
+        <button id="close-banner">✖</button>
+    </div>
+
     <div class="container">
         <a href="/" class="navbar-brand" aria-label="Return to Computer Science House's Homepage">&nbsp;</a>
         <button type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span class="navbar-toggler-icon"></span></button>
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 997bbfb..f613d36 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -154,6 +154,39 @@ a.btn {
   }  
 }
 
+// CSS For 50th Info Banner
+#info-banner {
+  background-color: rgba(255, 0, 255, 0.8); /* Red background with 50% opacity */
+  color: #fff; /* White text for contrast */
+  text-align: center;
+  padding: 10px 20px;
+  width: 100%;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+#info-banner p {
+  margin: 0;
+  display: inline-block;
+}
+
+#close-banner {
+  background: none;
+  border: none;
+  font-size: 16px;
+  cursor: pointer;
+  margin-left: 10px;
+  color: #fff; /* White close button for visibility */
+}
+
+#info-banner a {
+  color: white; /* Set the link color to blue */
+  text-decoration: underline; /* Optional: Add underline for better visibility */
+}
+
+#info-banner a:visited {
+  color: white; /* Ensure visited links also remain blue */
+}
+
 
 
 @import "typography";
diff --git a/index.html b/index.html
index d284ac3..68603dd 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
 active: home
 ---
 
+
 <div style="top:0;position:absolute;display: inline;">
 <!-- Floating scroll-down button -->
     <button id="carousel-scroll-down-button"  aria-label="Scroll to the end/bottom of the image carousel">
@@ -240,3 +241,11 @@ <h2 class="header">Sponsors</h2>
         </div>
     </div>
 </div>
+
+<!-- Javascript for 50th Info Banner -->
+<script>
+    // Close banner functionality
+    document.getElementById('close-banner').addEventListener('click', function() {
+        document.getElementById('info-banner').style.display = 'none';
+    });
+</script>