diff --git a/_layouts/default.html b/_layouts/default.html
index a42ae3e..e8457ad 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -58,6 +58,9 @@
               <li class="nav-item">
                 <a class="nav-link" href="{{ site.baseurl }}/resources">Resources</a>
               </li>
+              <li class="nav-item">
+                <a class="nav-link" href="{{ site.baseurl }}/alumni">Alumni</a>
+              </li>
             </ul>
           </div>
         </div>
diff --git a/_pages/alumni.html b/_pages/alumni.html
new file mode 100644
index 0000000..c010fb0
--- /dev/null
+++ b/_pages/alumni.html
@@ -0,0 +1,69 @@
+---
+layout: default
+title: "Alumni"
+permalink: /alumni/
+---
+
+
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Alumni</title>
+  <style>
+    table {
+      border-collapse: collapse;
+    }
+
+    th, td {
+      border: 1px solid black;
+      padding: 8px;
+    }
+  </style>
+</head>
+<body>
+  <table id="csvTable">
+    <thead>
+      <tr id="headerRow"></tr>
+    </thead>
+    <tbody id="dataRows"></tbody>
+  </table>
+
+  <script>
+    function displayCSV(csvData) {
+      var headerRow = document.getElementById('headerRow');
+      var dataRows = document.getElementById('dataRows');
+
+      // Create table header
+      var headers = csvData[0];
+      for (var i = 0; i < headers.length; i++) {
+        var th = document.createElement('th');
+        th.textContent = headers[i];
+        headerRow.appendChild(th);
+      }
+
+      // Create table data rows
+      for (var j = 1; j < csvData.length; j++) {
+        var rowData = csvData[j];
+        var tr = document.createElement('tr');
+        for (var k = 0; k < rowData.length; k++) {
+          var td = document.createElement('td');
+          td.textContent = rowData[k];
+          tr.appendChild(td);
+        }
+        dataRows.appendChild(tr);
+      }
+    }
+
+    // { site.baseurl }/old_site_and_survey_people.csv
+    // Fetch CSV file
+    fetch('../old_site_and_survey_people.csv')
+      .then(response => response.text())
+      .then(data => {
+        var csvData = data.split('\n').map(row => row.split(','));
+        displayCSV(csvData);
+      });
+  </script>
+</body>
+</html>
+
+
diff --git a/index.html b/index.html
index c844c45..c79f112 100644
--- a/index.html
+++ b/index.html
@@ -68,6 +68,7 @@ <h5 class="my-2"><a href="{{ site.baseurl }}/research">Research</a></h5>
                                     <h5 class="my-2"><a href="{{ site.baseurl }}/people">People</a></h5>
                                     <h5 class="my-2"><a href="{{ site.baseurl }}/publications">Publications</a></h5>
                                     <h5 class="my-2"><a href="{{ site.baseurl }}/resources">Protocols and Resources</a></h5>
+                                    <h5 class="my-2"><a href="{{ site.baseurl }}/alumni">Alumni</a></h5>
                                 </div>
                             </div>
                         </div>
