added alumni list

Author: cheshmi

people.html

@@ -101,7 +101,7 @@ <h2>Undergraduate Researchers</h2>
                         <h4>Delina Mekonnen </h4>
                         <p>Undergraduate Researcher</p>
                         <p>Big Data Modeling for Health.</p>
-                        <a href="mailto:[email protected]" >Website</a>
+                        <a href="#" >Website</a>
                     </div>
 
                 </div>
@@ -122,15 +122,51 @@ <h4>Dr. Guest Scholar</h4>
 
             <section class="people-section">
                 <h2>Alumni </h2>
-                <div class="people-grid">
-<!--                     <div class="person-tile">
-                        <img src="https://via.placeholder.com/120x120/D3D3D3/000000?text=Visitor+1" alt="Dr. Guest">
-                        <h4>Dr. Guest Scholar</h4>
-                        <p>MITACS Visiting Researcher (Summer 2025)</p>
-                        <p>From [University/Institution].</p>
-                        <a href="mailto:[email protected]" class="email-link">Email Dr. Guest</a>
-                    </div> -->
-                </div>
+    <style>
+        .alumni-table {
+            width: 100%;
+            border-collapse: collapse;
+            font-family: Arial, sans-serif;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+            overflow: hidden; /* Ensures the rounded corners are applied */
+        }
+        .alumni-table th, .alumni-table td {
+            padding: 15px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        .alumni-table thead tr {
+            background-color: #007bff;
+            color: white;
+        }
+        .alumni-table tbody tr:nth-child(even) {
+            background-color: #f8f8f8;
+        }
+        .alumni-table tbody tr:hover {
+            background-color: #e9ecef;
+            cursor: pointer;
+        }
+        .alumni-table td:first-child {
+            font-weight: bold;
+        }
+    </style>
+    <table class="alumni-table">
+        <thead>
+            <tr>
+                <th>Name</th>
+                <th>Role in the Swiftware Lab</th>
+                <th>Position After Graduation</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>Hakam Attasi</td>
+                <td>Undergraduate Researcher, Summer 2024</td>
+                <td>PhD Student @ Oxford</td>
+            </tr>
+        </tbody>
+    </table>
             </section>
 
         </main>