diff --git a/components/TheHeader.vue b/components/TheHeader.vue
index d8044bb..619865b 100644
--- a/components/TheHeader.vue
+++ b/components/TheHeader.vue
@@ -2,8 +2,43 @@
 
 <template>
   <div>
-    Component: TheHeader
+    <ul>
+      <li>
+        <NuxtLink to="/news">
+          News
+        </NuxtLink>
+      </li>
+      <li>
+        <NuxtLink to="/projects">
+          Projects
+        </NuxtLink>
+      </li>
+      <li>Link</li>
+      <li>Contact</li>
+      <li>
+        <NuxtLink to="/about">
+          About SERA
+        </NuxtLink>
+      </li>
+    </ul>
+    <NuxtLink to="/">
+      <img ref="/sera-logo-no-text.svg">
+    </NuxtLink>
+    <ul>
+      <li>
+        <NuxtLink to="/">For non-member</NuxtLink>
+      </li>
+      <li>
+        <NuxtLink to="/">Info</NuxtLink>
+      </li>
+    </ul>
   </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+div {
+  display: grid;
+  grid-row: 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+</style>