diff --git a/_layouts/basic.html b/_layouts/basic.html
new file mode 100644
index 0000000000..d2b684df52
--- /dev/null
+++ b/_layouts/basic.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html id="{{ page.cid }}" lang="en" class="{{ page.class }}">
+
+    {% include head.html %}
+
+    <body>
+        {% include header.html %}
+
+        {{ content }}
+
+        {% include footer.html %}
+
+        {% include footer-scripts.html %}
+    </body>
+</html>
diff --git a/case-studies/index.html b/case-studies/index.html
index 9a09623206..e4e15111c5 100644
--- a/case-studies/index.html
+++ b/case-studies/index.html
@@ -1,16 +1,10 @@
 ---
 title: Case Studies
+layout: basic
 class: gridPage
+cid: caseStudies
 ---
 
-<!Doctype html>
-<html id="caseStudies" class="gridPage">
-{% include head.html %}
-
-<body>
-
-{% include header.html %}
-
 <section id="hero" class="light-text">
 	<h1>Kubernetes User Case Studies</h1>
 	<h5>A collection of users running Kubernetes in production.</h5>
@@ -103,7 +97,3 @@ class: gridPage
 	<iframe data-url="https://www.youtube.com/embed/4gyeixJLabo?autoplay=1" frameborder="0" allowfullscreen></iframe>
 	<button id="closeButton"></button>
 </div>
-{% include footer.html %}
-
-</body>
-</html>
diff --git a/case-studies/pearson.html b/case-studies/pearson.html
index 34afa89522..45428b0bf3 100644
--- a/case-studies/pearson.html
+++ b/case-studies/pearson.html
@@ -1,16 +1,10 @@
 ---
 title: Pearson Case Study
+layout: basic
 class: gridPage
+cid: caseStudies
 ---
 
-<!Doctype html>
-<html id="caseStudies" class="gridPage">
-{% include head.html %}
-
-<body>
-
-{% include header.html %}
-
 <section id="hero" class="light-text">
 	<h1> Pearson Case Study</h1>
 </section>
@@ -85,8 +79,3 @@ class: gridPage
 		</div>
 	</main>
 </section>
-
-{% include footer.html %}
-
-</body>
-</html>
diff --git a/case-studies/wikimedia.html b/case-studies/wikimedia.html
index 50a3910b75..7431c13650 100644
--- a/case-studies/wikimedia.html
+++ b/case-studies/wikimedia.html
@@ -1,16 +1,10 @@
 ---
 title: Wikimedia Case Study
+layout: basic
 class: gridPage
+cid: caseStudies
 ---
 
-<!Doctype html>
-<html id="caseStudies" class="gridPage">
-{% include head.html %}
-
-<body>
-
-{% include header.html %}
-
 <section id="hero" class="light-text">
 	<h1> Wikimedia Case Study</h1>
 </section>
@@ -100,8 +94,3 @@ class: gridPage
 		</div>
 	</main>
 </section>
-
-{% include footer.html %}
-
-</body>
-</html>
diff --git a/community/index.html b/community/index.html
index b142585874..4686ebb442 100644
--- a/community/index.html
+++ b/community/index.html
@@ -1,17 +1,11 @@
 ---
 title: Community
+layout: basic
+cid: community
 ---
 
-<!Doctype html>
-<html id="community">
-{% include head.html %}
-
-<body>
-
-{% include header.html %}
-
 <section id="hero" class="light-text">
-	<h1>Community</h1>
+    <h1>Community</h1>
 </section>
 
 <section id="mainContent">
@@ -65,8 +59,3 @@ title: Community
 		</div>
 	</main>
 </section>
-
-{% include footer.html %}
-
-</body>
-</html>
diff --git a/partners/index.html b/partners/index.html
index 65127b8b3b..13ee6e2396 100644
--- a/partners/index.html
+++ b/partners/index.html
@@ -1,16 +1,10 @@
 ---
 title: Partners
+layout: basic
 class: gridPage
+cid: partners
 ---
 
-<!Doctype html>
-<html id="partners" class="gridPage">
-{% include head.html %}
-
-<body>
-
-{% include header.html %}
-
 <section id="hero" class="light-text">
 	<h1>Kubernetes Partners</h1>
 	<h5>Growing the Kubernetes ecosystem.</h5>
@@ -27,8 +21,6 @@ class: gridPage
 	</main>
 </section>
 
-{% include footer.html %}
-
 <style>
 	{% include partner-style.css %}
 </style>
@@ -36,6 +28,3 @@ class: gridPage
 <script>
 	{% include partner-script.js %}
 </script>
-
-</body>
-</html>
