diff --git a/templates/section.html b/templates/section.html
new file mode 100644
index 0000000..b68b2ee
--- /dev/null
+++ b/templates/section.html
@@ -0,0 +1,72 @@
+{% extends "index.html" %} {% import "macros.html" as macros %} {% block header
+%}
+<header id="site-header" class="animated slideInUp faster">
+  <div class="hdr-wrapper section-inner">
+    <div class="hdr-left">
+      <div class="site-branding">
+        <a href="{{ config.base_url}}">{{ config.title }}</a>
+      </div>
+      <nav class="site-nav hide-in-mobile">
+        {% for menu_item in config.extra.hermit_menu %}
+        <a href="{{ config.base_url ~ menu_item.link }}">{{ menu_item.name }}</a>
+        {% endfor %}
+      </nav>
+    </div>
+    <div class="hdr-right hdr-icons">
+      <span class="hdr-social hide-in-mobile">
+        {{ macros::render_social_icons() }}
+      </span>
+      <button id="menu-btn" class="hdr-btn" title="Menu">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="feather feather-menu"
+        >
+          <line x1="3" y1="12" x2="21" y2="12"></line>
+          <line x1="3" y1="6" x2="21" y2="6"></line>
+          <line x1="3" y1="18" x2="21" y2="18"></line>
+        </svg>
+      </button>
+    </div>
+  </div>
+</header>
+<div id="mobile-menu" class="animated fast">
+  <ul>
+    {% for menu_item in config.extra.hermit_menu %}
+    <li>
+      <a href="{{ config.base_url ~ menu_item.link }}">{{ menu_item.name }}</a>
+    </li>
+    {% endfor %}
+  </ul>
+</div>
+{% endblock header %} {% block title %} {% endblock title %} {% block main %}
+
+<main class="site-main section-inner thin animated fadeIn faster">
+  {{ section.content | safe }}
+  <h1>{{ section.title }}</h1>
+  {% for year, pages in section.pages | group_by(attribute="year") %}
+  <div class="posts-group">
+    <div class="post-year">{{ year }}</div>
+    <ul class="posts-list">
+      {% for page in pages %}
+      <li class="post-item">
+        <a href="{{ page.permalink }}">
+          <span class="post-title">{{ page.title }}</span>
+          <span class="post-day">{{ page.date | date(format="%b %d") }}</span>
+        </a>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endfor %}
+</main>
+
+{% endblock main %} {% block footer %} {{ macros::footer() }} {% endblock footer
+%}