View source: Template

The HTML for this page is generated by the template portfolio-projects.php.

All templates can be found in the /site/templates folder.

To learn more about Kirby’s templates, please check out our docs: https://getkirby.com/docs

Back to the page

/site/templates/portfolio-projects.php
<?php snippet('portfolio/header') ?>

<h1 class="h1">My work</h1>

<ul class="grid" style="--gutter: 1.5rem">
	<?php foreach (collection('portfolio/projects') as $project): ?>
	<li class="column" style="--columns: 3">
		<a href="<?= $project->url() ?>">
			<figure>
				<span class="img" style="--w:4;--h:5">
					<?= $project->image()->crop(400, 500) ?>
				</span>
				<figcaption class="img-caption">
					<?= $project->title()->escape() ?>
				</figcaption>
			</figure>
		</a>
	</li>
	<?php endforeach ?>
</ul>

<?php snippet('portfolio/footer') ?>