diff --git a/sass/_theme.scss b/sass/_theme.scss
index 34474e8..dad0e87 100644
--- a/sass/_theme.scss
+++ b/sass/_theme.scss
@@ -11,6 +11,7 @@
 }
 .muted {
   color: rgba(255, 255, 255, 0.5);
+  margin-top: 5px;
 }
 .responsive-iframe {
   position: relative;
@@ -83,7 +84,7 @@ html {
 }
 article [itemprop="description"], article [itemprop="summary"] {
   margin-bottom: 20px;
-  margin-top: 20px;
+  margin-top: 5px;
 }
 
 article [itemprop="summary"] p {
diff --git a/sass/_vendor.scss b/sass/_vendor.scss
index ca74251..60a2c62 100644
--- a/sass/_vendor.scss
+++ b/sass/_vendor.scss
@@ -220,7 +220,8 @@ a:hover {
 
 .hack h2, .hack h3, .hack h4, .hack h5, .hack h6 {
   position: relative;
-  margin-bottom: 1.75rem
+  margin-top: 1.75rem;
+  margin-bottom: 5px;
 }
 
 .hack h2:before, .hack h3:before, .hack h4:before, .hack h5:before, .hack h6:before {
diff --git a/templates/section.html b/templates/section.html
new file mode 100644
index 0000000..c275d81
--- /dev/null
+++ b/templates/section.html
@@ -0,0 +1,18 @@
+{% extends "index.html" %}
+
+{% block content %}
+    <h1>{{ section.title }}</h1>
+    {{ section.content | safe }}
+
+	{% for page in section.pages %}
+	  <div class="post">
+		<h2 class="post-title">
+		  <a href="{{ page.permalink }}">
+			{{ page.title }}
+		  </a>
+		</h2>
+
+		<span class="post-date">{{ page.date | date(format="%Y-%m-%d") }}</span>
+	  </div>
+	{% endfor %}
+{% endblock content %}