diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 0000000..0385d61
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode }}">
+
+<head>
+    <title>
+        {{ i18n "home" }} | {{ .Site.Params.author.name }}
+    </title>
+
+    {{ partial "head.html" . }}
+
+</head>
+
+<body>
+
+    <div class="flexWrapper">
+        {{ partial "header.html" . }}
+
+        <div class="content vertical" style="justify-content: space-evenly">
+            <main class="main">
+                <div class="indexWrapper">
+                    {{ if .Site.Params.author.avatarFirst }}
+                        {{ partial "avatar.html" . }}
+                    {{ end }}
+                    <div>
+                        <h1 class="indexHeader">{{ .Site.Params.author.name }}</h1>
+                    </div>
+                    {{ if not .Site.Params.author.avatarFirst }}
+                        {{ partial "avatar.html" . }}
+                    {{ end }}
+                    {{ if isset .Site.Params "social" }}
+                        {{ partial "social.html" . }}
+                    {{ end }}
+                </div>
+            </main>
+                <div class="recent-posts">
+                  <h2>Recent Posts</h2>
+                  <ul>
+                    {{ range first 5 (where .Site.RegularPages "Section" "posts") }}
+                      <li>
+                        <a href="{{ .Permalink }}">{{ .Title }}</a>
+                        <span class="date">{{ .Date.Format "January 2, 2006" }}</span>
+                      </li>
+                    {{ end }}
+                  </ul>
+                </div>
+        </div>
+
+
+        {{ partial "footer.html" . }}
+    </div>
+
+</body>
+
+</html>
diff --git a/layouts/partials/avatar.html b/layouts/partials/avatar.html
new file mode 100644
index 0000000..85f0ceb
--- /dev/null
+++ b/layouts/partials/avatar.html
@@ -0,0 +1,9 @@
+{{ if .Site.Params.author.avatar }}
+    <div class="authorImageWrapper">
+        <img
+            src="{{ .Site.Params.author.avatar }}"
+            alt="{{ .Site.Params.author.name }}"
+            class="{{ .Site.Params.author.avatarSize | default "size-m" }}"
+        />
+    </div>
+{{ end }}
