21 lines
606 B
HTML
21 lines
606 B
HTML
<div class="grid grid-cols-3 gap-3 m-5 my-8">
|
|
{{ range .Site.Params.catalogButtons.home }}
|
|
<a
|
|
class="rounded-xl aspect-[3/2] overflow-hidden"
|
|
href="/catalog/#{{ .categoryName }}"
|
|
>
|
|
<div class="relative h-full max-w-full">
|
|
<p
|
|
class="w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white font-bold text-4xl"
|
|
>
|
|
{{ .categoryName }}
|
|
</p>
|
|
<img
|
|
class="h-full max-w-full opacity-50"
|
|
src="{{ .img }}"
|
|
alt="Category {{ .categoryName }}"
|
|
/>
|
|
</div>
|
|
</a>
|
|
{{ end }}
|
|
</div>
|