diff --git a/exampleSite/content/project/tatooine.md b/exampleSite/content/project/tatooine.md
index 5fb39bc..7deb229 100644
--- a/exampleSite/content/project/tatooine.md
+++ b/exampleSite/content/project/tatooine.md
@@ -1,7 +1,6 @@
 ---
 title: "Tatooine"
 date: 2021-05-12T23:39:49+05:30
-tags: ["abc", "def"]
 type: singles
 ---
 
diff --git a/exampleSite/content/projects.md b/exampleSite/content/projects.md
index 0532f5b..efe010b 100644
--- a/exampleSite/content/projects.md
+++ b/exampleSite/content/projects.md
@@ -1,6 +1,5 @@
 ---
 title: "Projects"
-tags: ["abc", "def"]
 type: singles
 ---
 
diff --git a/themes/gokarna/layouts/_default/terms.html b/themes/gokarna/layouts/_default/terms.html
new file mode 100644
index 0000000..2ad490b
--- /dev/null
+++ b/themes/gokarna/layouts/_default/terms.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+{{- partial "head.html" . -}}
+
+<body>
+    {{- partial "header.html" . -}}
+    <main id="content">
+
+        <div class="container tags-list">
+
+            <h2 class="list-title">Tags</h2>
+            <ul class="post-tags">
+                {{ range $key, $value := .Data.Terms.ByCount }}
+                <li class="post-tag">
+                    <a href="/tags/{{ $value.Name | urlize }}/">
+                        <div class="tag-name">{{ $value.Name }}</div>
+                        <div class="tag-posts-count">{{ $value.Count }}</div>
+                    </a>
+                </li>
+                {{ end }}
+            </ul>
+
+        </div>
+
+    </main>
+    {{- partial "footer.html" . -}}
+</body>
+
+</html>
diff --git a/themes/gokarna/layouts/partials/header.html b/themes/gokarna/layouts/partials/header.html
index 3b26285..3739fb1 100644
--- a/themes/gokarna/layouts/partials/header.html
+++ b/themes/gokarna/layouts/partials/header.html
@@ -1,37 +1,37 @@
-    <header class="header header-dark" id="header-sroll">
-        <nav class="header-nav">
+<header class="header header-dark" id="header-sroll">
+    <nav class="header-nav">
 
-            <div class="avatar">
-                <a href="{{ .Site.BaseURL }}">
-                    <img src=".Site.Params.Avatar" alt="Avatar" />
+        <div class="avatar">
+            <a href="{{ .Site.BaseURL }}">
+                <img src=".Site.Params.Avatar" alt="Avatar" />
+            </a>
+        </div>
+
+        <div class="nav-title">
+            <a class="nav-brand" href="https://example.com">Title title</a>
+        </div>
+
+        <div class="nav-links">
+            {{ range .Site.Menus.main }}
+            <div class="nav-link">
+                <a href="{{ .URL }}">
+                    {{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
                 </a>
             </div>
+            {{ end }}
 
-            <div class="nav-title">
-                <a class="nav-brand" href="https://example.com">Title title</a>
+            <!-- TODO: Handle 
+            <div class="nav-link icon">
+                <a href="http://example.com">
+                    <span class="fab fa-github"></span>
+                </a>
             </div>
-
-            <div class="nav-links">
-                {{ range .Site.Menus.main }}
-                <div class="nav-link">
-                    <a href="{{ .URL }}">
-                        {{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
-                    </a>
-                </div>
-                {{ end }}
-
-                <!-- TODO: Handle 
-                <div class="nav-link icon">
-                    <a href="http://example.com">
-                        <span class="fab fa-github"></span>
-                    </a>
-                </div>
-                <div class="nav-link icon">
-                    <a href="http://example.com">
-                        <span class="fab fa-linkedin"></span>
-                    </a>
-                </div>
-                -->
+            <div class="nav-link icon">
+                <a href="http://example.com">
+                    <span class="fab fa-linkedin"></span>
+                </a>
             </div>
-        </nav>
-    </header>
+            -->
+        </div>
+    </nav>
+</header>
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 39fe9c8..4881d9c 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -50,12 +50,12 @@ html {
 
 .header-nav .avatar {
   float: left;
-  /* display: inline-block; */
   margin-left: 15px;
   height: 100%;
   border: 0.5px solid white;
   border-radius: 18px;
 }
+
 .header-nav .avatar img {
   display: block;
   width: 50px;
@@ -108,22 +108,27 @@ html {
   color: gray;
 }
 
-.post .post-tags {
+.post-tags {
   padding: 0;
   list-style-type: none;
 }
 
 .post-tags .post-tag {
   display: inline-block;
-  background-color: #008c86;
+  background-color: #00b5ad;
   padding: 4px 12px;
   border-radius: 4px;
-  border: 1px solid #008c86;
+  border: 1px solid #00b5ad;
   color: white;
   font-size: 14px;
   font-weight: 700;
 }
 
+.post-tag a {
+  text-decoration: none;
+  color: inherit;
+}
+
 .post .post-content {
   margin-top: 50px;
 }
@@ -143,3 +148,27 @@ html {
 .post-title .post-date {
   float: right;
 }
+
+.tags-list .post-tags {
+  margin-top: 50px;
+}
+
+.tags-list .post-tags .post-tag {
+  padding: 0;
+  margin: 0 5px;
+}
+
+.tags-list .post-tags .post-tag:hover {
+  background-color: #009c95;
+  border: 1px solid #00b5ad;
+}
+
+.tags-list .post-tags .post-tag a div {
+  display: inline-block;
+  padding: 5px 8px;
+}
+
+.tags-list .post-tags .post-tag a .tag-posts-count {
+  background: rgba(0, 0, 0, 0.1);
+  opacity: 0.8;
+}
