diff --git a/themes/gokarna/layouts/_default/list.html b/themes/gokarna/layouts/_default/list.html
index e69de29..25757a5 100644
--- a/themes/gokarna/layouts/_default/list.html
+++ b/themes/gokarna/layouts/_default/list.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+{{- partial "head.html" . -}}
+
+<body>
+    {{- partial "header.html" . -}}
+    <main id="content">
+
+        <div class="container list-posts">
+
+            <h2 class="list-title">All Posts</h2>
+
+            <h2 class="posts-year">2021</h2>
+            <h4 class="posts-month">March</h4>
+            <article class="post-title">
+                <a href="example.com" class="post-link">Theme Documentation - Basics</a>
+                <span class="post-date">March 15, 2021</span>
+            </article>
+            <article class="post-title">
+                <a href="example.com" class="post-link">Theme Documentation - Built-in Shortcodes</a>
+                <span class="post-date">March 15, 2021</span>
+            </article>
+
+            <h2 class="posts-year">2019</h2>
+            <h4 class="posts-month">May</h4>
+            <article class="post-title">
+                <a href="example.com" class="post-link">Basic Markdown Syntax</a>
+                <span class="post-date">May 15, 2019</span>
+            </article>
+            <h4 class="posts-month">January</h4>
+            <article class="post-title">
+                <a href="example.com" class="post-link">Emoji Support</a>
+                <span class="post-date">January 19, 2019</span>
+            </article>
+
+
+        </div>
+
+    </main>
+    {{- partial "footer.html" . -}}
+</body>
+
+</html>
\ No newline at end of file
diff --git a/themes/gokarna/layouts/_default/single.html b/themes/gokarna/layouts/_default/single.html
index 44902ec..a8b90e9 100644
--- a/themes/gokarna/layouts/_default/single.html
+++ b/themes/gokarna/layouts/_default/single.html
@@ -4,9 +4,9 @@
 
 <body>
     {{- partial "header.html" . -}}
-    <div id="content">
+    <main id="content">
 
-        <div class="post" class="container">
+        <div class="post container">
 
             <div class="post-header-section">
                 <h1>{{ .Title }}</h1>
@@ -28,7 +28,7 @@
             </div>
         </div>
 
-    </div>
+    </main>
     {{- partial "footer.html" . -}}
 </body>
 
diff --git a/themes/gokarna/layouts/partials/head.html b/themes/gokarna/layouts/partials/head.html
index 91e7c0c..8e31968 100644
--- a/themes/gokarna/layouts/partials/head.html
+++ b/themes/gokarna/layouts/partials/head.html
@@ -2,6 +2,9 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
+        integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" type="text/css" href="/css/main.css">
     <script src="/js/jquery-3.6.0.slim.min.js"></script>
     <script src="/js/main.js"></script>
diff --git a/themes/gokarna/layouts/partials/header.html b/themes/gokarna/layouts/partials/header.html
index 79ba327..3b26285 100644
--- a/themes/gokarna/layouts/partials/header.html
+++ b/themes/gokarna/layouts/partials/header.html
@@ -1,5 +1,4 @@
-<div class="container wrapper">
-    <div class="header header-dark" id="header-sroll">
+    <header class="header header-dark" id="header-sroll">
         <nav class="header-nav">
 
             <div class="avatar">
@@ -35,5 +34,4 @@
                 -->
             </div>
         </nav>
-    </div>
-</div>
+    </header>
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 2035cc9..33b9ae2 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -127,3 +127,19 @@ html {
 .post .post-content {
   margin-top: 50px;
 }
+
+.list-posts .list-posts-title {
+  text-align: center;
+}
+
+.list-posts .posts-year {
+  margin-top: 40px;
+}
+
+.list-posts .post-title {
+  margin: 10px 0;
+}
+
+.post-title .post-date {
+  float: right;
+}
