You can try a layout like this for the carousel part and style it with CSS. But I don’t know how it will work with Forestry.
{{ range (site.GetPage "project").Pages }}
<div class="grid-item">
{{ with .Resources.GetMatch "*.jpg" }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
<h2>{{ .Title }}</h2>
{{ .Content }}
</div>
{{ end }}
Content structure
content
│
│ _index.md
│
└───project
├───iceland
│ iceland.jpg
│ index.md
│
├───poland
│ poland.jpg
│ index.md
│
└───spain
spain.jpg
index.md
An example of index.md
file.
---
title: Spain
date: xxx
draft: false
---
Your description here...
Of course you are free to rename the folders and files to your liking (or change the heading from a h2
).
(credit. Also see the code if you want to resize your images)