diff --git a/css/main.css b/css/main.css
index e106e5d..1c954ec 100644
--- a/css/main.css
+++ b/css/main.css
@@ -115,7 +115,23 @@ img {
   grid-gap: 20px;
   padding-bottom: 40px; }
   .team.grid .alumni img {
-    filter: grayscale(1) contrast(0.8); }
+    filter: grayscale(0) contrast(0.8); }
+
+.banner {
+  text-align: center;
+  padding: 20px 0;
+  background-color: #000E1F; /* Dark navy blue background */
+  color: #fff; /* White text */
+  font-family: "Raleway", sans-serif; /* Same font as .title */
+  font-weight: 500; /* Same font weight as .title */
+  font-size: 3em; /* Same font size as .title */
+  line-height: 1.5em; /* Same line height as .title */
+  width: 100%; /* Make the banner go across the whole page */
+  position: relative; /* Center the banner */
+  left: 50%;
+  transform: translateX(-50%);
+  margin-bottom: 5vh; /* Same margin as .title */
+}
 
 .team.grid::before {
   content: "";
diff --git a/index.html b/index.html
index 44788a8..3326d6c 100644
--- a/index.html
+++ b/index.html
@@ -230,6 +230,12 @@ <h2>How much time will it take to make a pokerbot?</h2>
                 <div class="position">Advisor</div>
               </div>
             </div>
+          </div>
+          <div class="ui container">
+            <div class="banner">Alumni</div>
+            <div class="team grid">
+              <!-- Alumni members here -->
+            
             <div class="team single alumni">
               <img src="img/headshots/alumni/haijia.jpg">
               <div class="about">