diff --git a/layoutslayouts/    blog  /list.html b/layoutslayouts/    blog  /list.html
new file mode 100644
index 00000000..c5afc06e
--- /dev/null
+++ b/layoutslayouts/    blog  /list.html	
@@ -0,0 +1,52 @@
+{{ partial "header.html" . }}
+
+<main id="content" role="main" style="max-width: 720px; margin: auto">
+  <div class="container space-2">
+
+    <article class="mb-5">
+      <header>
+        <h1 class="text-center">SimpleLogin Blog</h1>
+      </header>
+      <p class="text-center mt-5 mb-7">
+        Hi! This blog is about our journey to build an open-source tool to protect your privacy,
+        what we've learnt and some tips to take control of your privacy.
+      </p>
+      <hr>
+
+      {{.Content}}
+    </article>
+
+
+    <!-- Ranges through content/posts/*.md -->
+    {{ range .Pages }}
+    <div class="mb-5">
+      <a href="{{.Permalink}}">
+        <h3 class="">
+          {{.Title}}
+        </h3>
+      </a>
+
+
+      <p class="mb-1">
+        {{.Summary}}
+        <a href="{{.Permalink}}">read more →</a>
+      </p>
+
+      <small style="color: #6c7781">
+        {{ .Date.Format "January 2, 2006" }} -
+        Reading time: {{.ReadingTime}} minutes
+      </small>
+
+      <hr class="my-7">
+
+
+    </div>
+    {{ end }}
+
+
+  </div>
+</main>
+
+
+
+{{ partial "footer.html" . }}