diff --git a/theme/templates/article.html b/theme/templates/article.html
index 7c60897..d4b44b7 100644
--- a/theme/templates/article.html
+++ b/theme/templates/article.html
@@ -11,12 +11,7 @@
 {% endblock %}
 
 {% block content %}
-  <section class="bg-primary">
-    <div class="container text-center text-uppercase">
-      <h1 class="section-heading uppercase">{{ article.title }}</h1>
-      <hr class="light">
-    </div>
-  </section>
+  {% include 'extras/header.html' with context %}
   <section>
     <div class="container">
       {{ article.content }}
diff --git a/theme/templates/blog.html b/theme/templates/blog.html
index e903c51..5514565 100644
--- a/theme/templates/blog.html
+++ b/theme/templates/blog.html
@@ -11,16 +11,11 @@
 {% endblock %}
 
 {% block content %}
-  <section class="bg-primary">
-    <div class="container text-center text-uppercase">
-      <h1 class="section-heading uppercase">{{ article.title }}</h1>
-      <hr class="light">
-    </div>
-  </section>
+  {% include 'extras/header.html' with context %}
   <section>
     <div class="container">
       <p class="text-right small">
-          Published: {{ article.date|datetime }}
+        Published: {{ article.date|datetime }}
       </p>
       {{ article.content }}
     </div>
diff --git a/theme/templates/extras/header.html b/theme/templates/extras/header.html
new file mode 100644
index 0000000..6aff59e
--- /dev/null
+++ b/theme/templates/extras/header.html
@@ -0,0 +1,6 @@
+<section id="header" class="bg-primary image" data-image="{{ article.image if article else page.image }}">
+  <div class="container text-center text-uppercase">
+    <h1 class="section-heading">{{ article.title if article else page.title }}</h1>
+    <hr class="light">
+  </div>
+</section>
diff --git a/theme/templates/page.html b/theme/templates/page.html
index 3764cfa..b5c8f53 100644
--- a/theme/templates/page.html
+++ b/theme/templates/page.html
@@ -12,12 +12,7 @@
 
 {% block content %}
   {% if not page.no_container %}
-    <section class="bg-primary">
-      <div class="container text-center text-uppercase">
-        <h1 class="section-heading uppercase">{{ page.title }}</h1>
-        <hr class="light">
-      </div>
-    </section>
+    {% include 'extras/header.html' with context %}
     <section>
       <div class="container">
         {{ page.content }}
diff --git a/theme/templates/projects.html b/theme/templates/projects.html
index d1717d5..a1f8636 100644
--- a/theme/templates/projects.html
+++ b/theme/templates/projects.html
@@ -11,12 +11,7 @@
 {% endblock %}
 
 {% block content %}
-  <section class="bg-primary">
-    <div class="container text-center text-uppercase">
-      <h1 class="section-heading uppercase">{{ article.title }}</h1>
-      <hr class="light">
-    </div>
-  </section>
+  {% include 'extras/header.html' with context %}
   <section>
     <div class="container">
       <p class="text-right small">