diff --git a/layouts/_default/section.html b/layouts/_default/section.html
new file mode 100644
index 0000000..6844096
--- /dev/null
+++ b/layouts/_default/section.html
@@ -0,0 +1,62 @@
+{{ define "header" }}
+  <header class="header-section ">
+    <div class="intro-header no-img">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+            <div class="page-heading">
+              <h1>archives</h1>
+              <hr class="small">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+{{ end }}
+{{ define "main" }}
+{{- $paginator := .Paginate .Pages.ByDate.Reverse}}
+  <div class="container" role="main">
+    <div class="row">
+      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+        <div class="posts-list">
+            <section id="archive" class="archive">
+                {{- range $index, $element := $paginator.Pages -}}
+                  {{- $thisYear := $element.Date.Format "2006" }}
+                  {{- $lastElement := $index | add -1 | index $paginator.Pages }}
+                  {{ if or (eq $index 0) ( ne ($lastElement.Date.Format "2006") $thisYear ) }}
+                    <div class="collection-title">
+                        <h2 class="archive-year">{{ $thisYear }}</h2>
+                    </div>
+                  {{- end }}
+                  <div class="archive-post">
+                      <span class="archive-post-time">
+                          {{ $element.Date.Format "01-02" }}
+                      </span>
+                      <span class="archive-post-title">
+                          <a href="{{ $element.RelPermalink }}" class="archive-post-link">
+                              {{ .Title }}
+                          </a>
+                      </span>
+                  </div>
+                {{- end -}}
+            </section>
+        </div>
+        {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
+          <ul class="pager main-pager">
+            {{ if .Paginator.HasPrev }}
+              <li class="previous">
+                <a href="{{ .RelPermalink }}page/{{ .Paginator.Prev.PageNumber }}/">&larr; {{ i18n "newerPosts" }}</a>
+              </li>
+            {{ end }}
+            {{ if .Paginator.HasNext }}
+              <li class="next">
+                <a href="{{ .RelPermalink }}page/{{ .Paginator.Next.PageNumber }}/">{{ i18n "olderPosts" }} &rarr;</a>
+              </li>
+            {{ end }}
+          </ul>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+{{ end }}
diff --git a/static/css/main.css b/static/css/main.css
index 999ff11..a005244 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -756,7 +756,7 @@ div.splitbox div.right {
     padding: 15px 25px;
   }
 }
-.disqus-comments button:hover, 
+.disqus-comments button:hover,
 .disqus-comments button:focus {
   color: #FFF;
   background: #0085a1;
@@ -804,3 +804,21 @@ h4.see-also {
  ul.share li:hover .fab {
   transform: scale(1.4)
 }
+
+/* --- Archives --- */
+
+.archive .archive-post {
+  padding: 3px 20px;
+  padding-top: 3px;
+  padding-right: 20px;
+  padding-bottom: 3px;
+  padding-left: 20px;
+  border-left: 1px solid #cacaca;
+  border-left-width: 1px;
+  border-left-style: solid;
+  border-left-color: rgb(202, 202, 202);
+}
+
+.archive .archive-post .archive-post-time {
+  margin-right: 10px;
+}