diff --git a/content/projects/hello-world.md b/content/projects/hello-world.md
index 12ff884..66d1737 100644
--- a/content/projects/hello-world.md
+++ b/content/projects/hello-world.md
@@ -1,6 +1,7 @@
 ---
 title: "Hello World!"
 date: 2023-10-15 20:25:14.038 +0100
+thumbnail: /img/fof.png 
 ---
 
 # Hello World!
diff --git a/themes/warwick_portfolio/assets/img/fof.png b/themes/warwick_portfolio/assets/img/fof.png
new file mode 100644
index 0000000..b2ebcc2
Binary files /dev/null and b/themes/warwick_portfolio/assets/img/fof.png differ
diff --git a/themes/warwick_portfolio/layouts/_default/summary.html b/themes/warwick_portfolio/layouts/_default/summary.html
new file mode 100644
index 0000000..563b502
--- /dev/null
+++ b/themes/warwick_portfolio/layouts/_default/summary.html
@@ -0,0 +1,23 @@
+<div class="item">
+  <div style="justify-content: space-between" class="flex-wrap-container">
+    <div class="summary">
+      <a class="summary__link" href="{{ .Permalink }}">
+        <h4>{{ .Title }}</h4>
+      </a>
+      <p>{{.Summary}}</p>
+      <span class="summary__date">
+        {{.Params.date.Format "2 January 2006"}}
+      </span>
+    </div>
+    <div>
+      {{ if .Params.thumbnail }}
+      {{- $image := resources.Get .Params.thumbnail -}}
+      <a style="display: block" href="{{ .Permalink }}">
+        <img src="{{ ($image.Fill "200x200 q100 Center").RelPermalink }}">
+      </a>
+      {{ end }}
+    </div>
+  </div>
+  <hr>
+</div>
+
diff --git a/themes/warwick_portfolio/layouts/index.html b/themes/warwick_portfolio/layouts/index.html
index 0d75b58..bd70c79 100644
--- a/themes/warwick_portfolio/layouts/index.html
+++ b/themes/warwick_portfolio/layouts/index.html
@@ -10,65 +10,33 @@
   <div class="flex-wrap-container">
     <div class="container">
       <h2>Projects</h2>
+      <hr>
       {{ range where .Site.RegularPages "Type" "projects" }} 
-      <div class="index-article">
-        <a class="index-article__link" href="{{ .Permalink }}">
-          <h4>{{ .Title }}</h4>
-        </a>
-        <p>{{.Summary}}</p>
-        <span class="index-article__date">
-          {{.Params.date.Format "2 January 2006"}}
-        </span>
-        <hr>
-      </div>
+      {{ .Render "summary" }}
       {{ end }}
     </div>
 
     <div class="container">
       <h2>Blog</h2>
+      <hr>
       {{ range where .Site.RegularPages "Type" "posts" }} 
-      <div class="index-article">
-        <a class="index-article__link" href="{{ .Permalink }}">
-          <h4>{{ .Title }}</h4>
-        </a>
-        <p>{{.Summary}}</p>
-        <span class="index-article__date">
-          {{.Params.date.Format "2 January 2006"}}
-        </span>
-        <hr>
-      </div>
+      {{ .Render "summary" }}
       {{ end }}
     </div>
 
     <div class="container">
-      <h2>Papers</h2>
+      <h2>Research Papers</h2>
+      <hr>
       {{ range where .Site.RegularPages "Type" "papers" }} 
-      <div class="index-article">
-        <a class="index-article__link" href="{{ .Permalink }}">
-          <h4>{{ .Title }}</h4>
-        </a>
-        <p>{{.Summary}}</p>
-        <span class="index-article__date">
-          {{.Params.date.Format "2 January 2006"}}
-        </span>
-        <hr>
-      </div>
+      {{ .Render "summary" }}
       {{ end }}
     </div>
 
     <div class="container">
       <h2>Articles</h2>
+      <hr>
       {{ range where .Site.RegularPages "Type" "articles" }} 
-      <div class="index-article">
-        <a class="index-article__link" href="{{ .Permalink }}">
-          <h4>{{ .Title }}</h4>
-        </a>
-        <p>{{.Summary}}</p>
-        <span class="index-article__date">
-          {{.Params.date.Format "2 January 2006"}}
-        </span>
-        <hr>
-      </div>
+      {{ .Render "summary" }}
       {{ end }}
     </div>