diff --git a/layouts/websites/list.html b/layouts/websites/list.html
new file mode 100644
index 0000000..d9ff1c6
--- /dev/null
+++ b/layouts/websites/list.html
@@ -0,0 +1,30 @@
+{{ define "main" }}
+{{ range .Pages }}
+<section class="card mb-3">
+  <div class="card-body d-flex align-items-center">
+    {{ $thumbnail := .Resources.GetMatch "thumbnail.png" }}
+    {{ $thumbimg := $thumbnail.Resize "250x" }}
+    <div class="flex-shrink-0">
+      {{ $image := .}}
+      <img class="img-thumbnail rounded" src="{{ $thumbimg.RelPermalink }}" alt="Thumbnail of {{ .Title }}">
+    </div>
+    <div class="flex-grow-1 ms-3 py-1">
+      <h3 class="card-title">{{ .Title }}</h3>
+      <h4 class="card-subtitle"><a href="{{ .Params.deployURL }}">{{ .Params.deployURL }}</a></h4>
+      {{ .Content }}
+    </div>
+    <div class="flex-shrink-0">
+      <div class="btn-group-vertical">
+        <a class="btn btn-secondary" data-bs-toggle="tooltip" title="{{ .Params.platform }}"
+          href="{{ .Params.platformURL }}">
+          <i class="{{ .Params.platformIcon }}"></i>
+        </a>
+        <a class="btn btn-secondary" data-bs-toggle="tooltip" title="Source code" href="{{ .Params.sourceURL }}">
+          <i class="fab fa-github"></i>
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}