diff --git a/exampleSite/content/posts/first_post.md b/exampleSite/content/posts/first_post.md
new file mode 100644
index 0000000..7f806cf
--- /dev/null
+++ b/exampleSite/content/posts/first_post.md
@@ -0,0 +1,23 @@
+---
+title: "First Post"
+date: 2021-05-15T23:39:49+05:30
+tags: ["abc", "def"]
+---
+
+Yo yo yo
+
+# This is a heading
+
+- And
+- this
+- is
+- a
+- list
+
+```py
+Codeblocks look like this
+
+def print():
+    print('Hello world!')
+
+```
diff --git a/themes/gokarna/layouts/_default/single.html b/themes/gokarna/layouts/_default/single.html
index e69de29..44902ec 100644
--- a/themes/gokarna/layouts/_default/single.html
+++ b/themes/gokarna/layouts/_default/single.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+{{- partial "head.html" . -}}
+
+<body>
+    {{- partial "header.html" . -}}
+    <div id="content">
+
+        <div class="post" class="container">
+
+            <div class="post-header-section">
+                <h1>{{ .Title }}</h1>
+                <p class="post-date">
+                    {{ dateFormat "January 2, 2006" .Date }}
+                </p>
+
+                <ul class="post-tags">
+                {{ range .Params.tags }}
+                    <li class="post-tag"><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
+                {{ end }}
+                </ul>
+            </div>
+
+            <div class="post-content">
+                <p>
+                    {{ .Content }}
+                </p>
+            </div>
+        </div>
+
+    </div>
+    {{- partial "footer.html" . -}}
+</body>
+
+</html>
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 7151b96..2035cc9 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -2,10 +2,6 @@ html {
   font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif;
 }
 
-.container {
-  height: 800px;
-}
-
 .header-light {
   background-color: #bbb;
   color: black;
@@ -102,3 +98,32 @@ html {
 .fab {
   font-family: FontAwesome !important;
 }
+
+#content {
+  width: 810px;
+  margin: 180px auto 0;
+}
+
+.post .post-date {
+  color: gray;
+}
+
+.post .post-tags {
+  padding: 0;
+  list-style-type: none;
+}
+
+.post-tags .post-tag {
+  display: inline-block;
+  background-color: #008c86;
+  padding: 4px 12px;
+  border-radius: 4px;
+  border: 1px solid #008c86;
+  color: white;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.post .post-content {
+  margin-top: 50px;
+}
