diff --git a/frontend/templates/index.go.tmpl b/frontend/templates/index.go.tmpl
index 3698343..f0bfb9d 100644
--- a/frontend/templates/index.go.tmpl
+++ b/frontend/templates/index.go.tmpl
@@ -13,6 +13,15 @@
 {{ template "menu.go.tmpl" . }}
             </div>
 
+<!-- render pinned -->
+            <div class="pinned-container">
+{{ range .Pinned }}
+                <div class="pinned-post">
+{{ template "post.go.tmpl" . }}
+                </div>
+{{ end }}
+            </div>
+
         </section>
 
     </body>
diff --git a/frontend/templates/post.go.tmpl b/frontend/templates/post.go.tmpl
new file mode 100644
index 0000000..135cbd1
--- /dev/null
+++ b/frontend/templates/post.go.tmpl
@@ -0,0 +1,24 @@
+<div class="blog-post">
+
+<!-- render post header -->
+    <div class="blog-post-head">
+        <h1>{{ .Title }}</h1>
+    </div>
+
+{{ if .FImage }}
+    <div class="blog-post-head-image">
+        <img src="{{ .FImage }}"></img>
+    </div>
+{{ end }}
+
+<!-- render post -->
+    <div class="blog-post-content">
+{{ .HTML }}
+    </div>
+
+<!-- render post tailer -->
+    <div class="blog-post-tailer">
+        <h3>… … …</h3>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/frontend/templates/templates.go b/frontend/templates/templates.go
index d56a223..9713638 100644
--- a/frontend/templates/templates.go
+++ b/frontend/templates/templates.go
@@ -17,6 +17,7 @@ import (
 //go:embed head.go.tmpl
 //go:embed index.go.tmpl
 //go:embed menu.go.tmpl
+//go:embed post.go.tmpl
 var content embed.FS
 
 // List of compiled go-templates