diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index dbd356604..dfcec920e 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,50 +1,48 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>{{ .Title }}</title>
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
-    />
-    <link rel="stylesheet" href="/style.css" />
-  </head>
-  <body>
-    <!-- partial:index.partial.html -->
-    <div class="container">
-      <h1>{{ .Title }}</h1>
-
-      <h1>Pull Request Merge Card</h1>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>{{ .Title }}</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" />
+  <link rel="stylesheet" href="/style.css" />
+  <meta name="description" content="Pull Request Merge Card" />
+  <meta name="keywords" content="pull request, merge card, github" />
+</head>
+<body>
+  <header>
+    <h1>{{ .Title }}</h1>
+  </header>
 
+  <main>
+    <section>
+      <header>
+        <h2>Pull Request Merge Card</h2>
+      </header>
       <div class="row">
         {{ range (where .Site.RegularPages "Section" "participant") }}
-        <div class="col-12 col-md-4 mb-4">
-          <div class="speakers animate">
-            <div class="top">
-              <div class="image">
-                <img src="/images/{{ .Params.image }}" />
-              </div>
-              <div class="name">
-                {{ .Params.name }}
-              </div>
-              <div class="college name">
-                {{ .Params.institution }}
-              </div>
+        <article class="col-12 col-md-4 mb-4">
+          <div class="speaker">
+            <div class="speaker-image">
+              <img src="/images/{{ .Params.image }}" alt="{{ .Params.name }}" />
             </div>
-            <div class="follower">
-              <a href="https://github.com/{{ .Params.github }}" target="_blank"
-                ><i class="fab fa-github"></i
-              ></a>
+            <div class="speaker-info">
+              <h3 class="speaker-name">{{ .Params.name }}</h3>
+              <p class="speaker-institution">{{ .Params.institution }}</p>
+              <a class="speaker-github" href="https://github.com/{{ .Params.github }}" target="_blank">
+                <i class="fab fa-github"></i> GitHub
+              </a>
             </div>
           </div>
-        </div>
+        </article>
         {{ end }}
       </div>
-    </div>
-    <!-- partial -->
-  </body>
+    </section>
+  </main>
+
+  <footer>
+    <!-- Add footer content here -->
+  </footer>
+</body>
 </html>
