diff --git a/past_talks.html b/past_talks.html
new file mode 100644
index 0000000..36ec49d
--- /dev/null
+++ b/past_talks.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>
+        UCLA NLP Seminar Series - Archive
+    </title>
+    <link rel="apple-touch-icon" sizes="180x180" href="https://uclanlp.github.io/nlp-seminar/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="https://uclanlp.github.io/nlp-seminar/icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="https://uclanlp.github.io/nlp-seminar/icons/favicon-16x16.png">
+    <link rel="icon" type="image/x-icon" href="https://uclanlp.github.io/nlp-seminar/icons/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://uclanlp.github.io/nlp-seminar/style.css">
+</head>
+<script src="https://uclanlp.github.io/nlp-seminar/script.js"></script>
+
+<body>
+    <nav class="nav-container">
+        <div class="nav-menu">
+            <ul class="menu-list">
+                <li class="menu-item"><a href="index.html">Home</a></li>
+                <li class="menu-item"><a href="archive.html">Archive</a></li>
+            </ul>
+        </div>
+    </nav>
+
+    <header>
+        <div class="header-content">
+            <div class="lab-logos">
+                <img src="https://web.cs.ucla.edu/~kwchang/img/uclanlp.png" alt="Kai-Wei Chang's Lab">
+            </div>
+            <div class="header-text">
+                <h1>UCLA NLP Seminar Series - Archive</h1>
+                <p>Past talks from our weekly seminar series.</p>
+            </div>
+            <div class="lab-logos">
+                <img src="https://web.cs.ucla.edu/~kwchang/img/uclanlp.png" alt="Kai-Wei Chang's Lab">
+            </div>
+        </div>
+    </header>
+
+    <main>
+        <h2>Previous Quarters</h2>
+        
+        <h3>Summer 2024</h3>
+        <table class="seminar-schedule">
+            <thead>
+                <tr>
+                    <th>Date</th>
+                    <th>Speaker</th>
+                    <th>Title</th>
+                </tr>
+            </thead>
+            <tbody>
+                <!-- Example archived talks -->
+                <tr>
+                    <td>Aug 15</td>
+                    <td><a href="#">Speaker Name</a></td>
+                    <td>Talk Title</td>
+                </tr>
+            </tbody>
+        </table>
+
+        <h3>Spring 2024</h3>
+        <table class="seminar-schedule">
+            <thead>
+                <tr>
+                    <th>Date</th>
+                    <th>Speaker</th>
+                    <th>Title</th>
+                </tr>
+            </thead>
+            <tbody>
+                <!-- Example archived talks -->
+                <tr>
+                    <td>May 20</td>
+                    <td><a href="#">Speaker Name</a></td>
+                    <td>Talk Title</td>
+                </tr>
+            </tbody>
+        </table>
+
+        <!-- Add expandable talk details similar to main page if needed -->
+        <div class="talk" onclick="toggleDetails(this)">
+            <div class="talk-summary">
+                <div class="date">
+                    <div class="month">MAY</div>
+                    <div class="day">20</div>
+                </div>
+                <div class="speaker-text">
+                    <h3>Example Archived Talk Title</h3>
+                    <p><img src="icons/person.png" alt="Person Icon" class="icon"><a href="#">Speaker Name</a></p>
+                    <p><img src="icons/clock.png" alt="Clock Icon" class="icon">May 20, 2024, 2:00 PM</p>
+                    <p><img src="icons/location.png" alt="Location Icon" class="icon">Room Location</p>
+                </div>
+                <div class="footer">
+                    <button class="more-details">More Details</button>
+                </div>
+            </div>
+            <div class="talk-details">
+                <p><strong>Speaker Bio:</strong> Example speaker bio.</p>
+                <p><strong>Abstract:</strong> Example talk abstract.</p>
+            </div>
+        </div>
+    </main>
+</body>
+</html>
