28 lines
908 B
HTML
28 lines
908 B
HTML
<div class="flex flex-col bg-white font-bold">
|
|
<div class="flex py-8 justify-center">
|
|
<p class="border-gray-200 border rounded-xl w-full max-w-[1000px] mx-auto p-2 text-4xl text-center text-black">
|
|
Rental Catalog
|
|
</p>
|
|
</div>
|
|
<div class="pb-16 max-w-[1000px] grid grid-cols-3 gap-3 mx-auto">
|
|
{{ 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="text-black w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-2xl"
|
|
>
|
|
{{ .categoryName }}
|
|
</p>
|
|
<img
|
|
class="h-full max-w-full opacity-50"
|
|
src="{{ .img }}"
|
|
alt="Category {{ .categoryName }}"
|
|
/>
|
|
</div>
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|