diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 626ce37..9c80384 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -7,5 +7,6 @@
 				</div>
 			{{ end }}
 		</div>
+		{{ partial "pagination.html" . }}
 	</div>
 {{ partial "footer.html" . }}
\ No newline at end of file
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
new file mode 100644
index 0000000..2b01dc2
--- /dev/null
+++ b/layouts/partials/pagination.html
@@ -0,0 +1,25 @@
+{{- $pag := $.Paginator }}
+{{- if gt $pag.TotalPages 1 }}
+<div class="pagination block">
+	{{- if not $pag.HasPrev }}{{ else}}<a class="pagination__item pagination__item-link" href="{{ if $pag.HasPrev }}{{ $pag.Prev.URL }}{{ end }}">❰</a>{{- end }}
+	{{- $.Scratch.Set "__paginator.ellipsed" false }}
+	{{- range $pag.Pagers }}
+	{{- $right := sub .TotalPages .PageNumber }}
+	{{- $showNumber := or (le .PageNumber 3) (eq $right 0) }}
+	{{- $showNumber := or $showNumber (and (gt .PageNumber (sub $pag.PageNumber 2)) (lt .PageNumber (add $pag.PageNumber 2))) }}
+	{{- if $showNumber }}
+		{{- $.Scratch.Set "__paginator.ellipsed" false }}
+		{{- $.Scratch.Set "__paginator.shouldEllipse" false }}
+	{{ else }}
+		{{- $.Scratch.Set "__paginator.shouldEllipse" (not ($.Scratch.Get "__paginator.ellipsed") ) }}
+		{{- $.Scratch.Set "__paginator.ellipsed" true }}
+	{{- end }}
+	{{- if $showNumber }}
+		{{- if eq . $pag }}<span class="pagination__item pagination__item--active" data-total="{{ $pag.TotalPages }}">{{ .PageNumber }}</span>{{ else }}<a class="pagination__item pagination__item--desktop" href="{{ .URL }}">{{ .PageNumber }}</a>{{- end }}
+	{{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
+		<span class="pagination__item pagination__item--gap">&hellip;</span>
+	{{- end }}
+	{{- end }}
+	{{- if not $pag.HasNext }}{{ else }}<a class="pagination__item" href="{{ if $pag.HasNext }}{{ $pag.Next.URL }}{{ end }}">❱</a>{{ end }}
+</div>
+{{- end }}
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 56e243e..00f16a1 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -374,6 +374,26 @@ summary {
 	text-decoration: none;
 }
 
+/* Pagination */
+.pagination {
+	margin-bottom: 10px;
+	text-align: center;
+	background-color: #2a2a2a;
+}
+
+.pagination__item {
+	display: inline-block;
+	padding: 4px 10px;
+	font-weight: 700;
+	border: 1px solid;
+}
+
+.pagination__item--gap {
+	color: #888;
+	cursor: default;
+	border-color: #888;
+}
+
 /* Footer */
 .footer {
 	padding: 10px 0;