diff --git a/assets/css/099_page_navigation.css b/assets/css/099_page_navigation.css
new file mode 100644
index 0000000..b6d2a1a
--- /dev/null
+++ b/assets/css/099_page_navigation.css
@@ -0,0 +1,35 @@
+
+
+
+
+
+/******************
+ # PAGE NAVIGATION
+ ******************/
+
+.page-navigation {
+ list-style: none;
+ padding-inline: 0;
+
+ &:has(.next-page:only-child) {
+ justify-content: flex-end;
+ }
+
+ li {
+ display: block;
+ }
+
+ .next-page {
+ text-align: right;
+ }
+
+ .previous-page::before {
+ content: "←";
+ padding-inline-end: var(--space-s);
+ }
+
+ .next-page::after {
+ content: "→";
+ padding-inline-start: var(--space-s);
+ }
+}
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
new file mode 100644
index 0000000..0569825
--- /dev/null
+++ b/layouts/blog/list.html
@@ -0,0 +1,21 @@
+{{ define "head_css" }}
+ {{ partialCached "blog/css.html" . }}
+{{ end }}
+
+{{ define "main" }}
+