diff --git a/src/includes/layouts/base.njk b/src/includes/layouts/base.njk
new file mode 100644
index 0000000..75f6fe4
--- /dev/null
+++ b/src/includes/layouts/base.njk
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
+<html>
+  <head>
+    {% include "partials/meta.njk" %}
+  </head>
+  <body>
+    <!--[if lt IE 7]>
+      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
+    <![endif]-->
+    <div id="main--container">
+      {% include "partials/header.njk" %}
+      <main>
+          {{ content | safe }}
+      </main>
+    </div>
+    {% include "partials/footer.njk" %}
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/includes/layouts/post.njk b/src/includes/layouts/post.njk
new file mode 100644
index 0000000..e69de29
diff --git a/src/includes/partials/footer.njk b/src/includes/partials/footer.njk
new file mode 100644
index 0000000..ca6e7da
--- /dev/null
+++ b/src/includes/partials/footer.njk
@@ -0,0 +1 @@
+<footer>Footer</footer>
\ No newline at end of file
diff --git a/src/includes/partials/header.njk b/src/includes/partials/header.njk
new file mode 100644
index 0000000..757d507
--- /dev/null
+++ b/src/includes/partials/header.njk
@@ -0,0 +1 @@
+<header>Header</header>
\ No newline at end of file
diff --git a/src/includes/partials/meta.njk b/src/includes/partials/meta.njk
new file mode 100644
index 0000000..04c9268
--- /dev/null
+++ b/src/includes/partials/meta.njk
@@ -0,0 +1,25 @@
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+<title>{{ title }} | {{ site.name }}</title>
+<link rel="canonical" href="{{site.url}}{{ permalink }}" />
+<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/images/icons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon-16x16.png">
+<link rel="manifest" href="/images/icons/site.webmanifest">
+<link rel="mask-icon" href="/images/icons/safari-pinned-tab.svg" color="#7798ab">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="theme-color" content="#f8f8f8">
+<meta property="og:site_name" content="{{ site.name }}" />
+<meta property="og:title" content="{{ site.name }} | {{ title }}" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="{{ site.url }}" />
+<meta name="twitter:card" content="summary_large_image" />
+<meta property="og:image" content="{{site.url}}{{ site.socialImage }}" />
+<meta name="twitter:image" content="{{site.url}}{{ site.socialImage }}" />
+<meta property="og:image:alt" content="Page image for {{ site.name }}" />
+<meta name="twitter:image:alt" content="Page image for {{ site.name }}" />
+{% if metaDesc %}
+  <meta name="description" content="{{ metaDesc }}" />
+  <meta name="twitter:description" content="{{ metaDesc }}" />
+  <meta property="og:description" content="{{ metaDesc }}" />
+{% endif %}
\ No newline at end of file
diff --git a/src/includes/partials/nav.njk b/src/includes/partials/nav.njk
new file mode 100644
index 0000000..5f77e8f
--- /dev/null
+++ b/src/includes/partials/nav.njk
@@ -0,0 +1,7 @@
+<nav>
+  <ul>
+    {%- for item in nav.items -%}
+      <li>{{ item.data.name }}</li>
+    {%- endfor -%}
+  </ul>
+</nav>
\ No newline at end of file
diff --git a/src/includes/partials/post-item.njk b/src/includes/partials/post-item.njk
new file mode 100644
index 0000000..e69de29
