55 lines
2 KiB
HTML
55 lines
2 KiB
HTML
|
<div
|
||
|
|
class="mt-8 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-4"
|
||
|
|
>
|
||
|
|
{{ range .Params.catalog }} {{ if ne .item "" }}
|
||
|
|
<div class="bg-white rounded-lg border p-4">
|
||
|
|
<img
|
||
|
|
src="https://placehold.co/300x200/"
|
||
|
|
alt="Placeholder Image"
|
||
|
|
class="w-full h-48 rounded-md object-cover"
|
||
|
|
/>
|
||
|
|
<div class="px-1 pt-4">
|
||
|
|
<div class="font-bold text-xl mb-2">{{ .item }}</div>
|
||
|
|
<div class="text-gray-800 text-base">
|
||
|
|
{{ if ne .quant "" }}
|
||
|
|
<div class="flex flex-row justify-between">
|
||
|
|
<strong>Quantity</strong>
|
||
|
|
<div class="text-right">{{ .quant }}</div>
|
||
|
|
</div>
|
||
|
|
{{ end }} {{ if ne .dimensions "" }}
|
||
|
|
<div class="flex flex-row justify-between">
|
||
|
|
<strong>Dimensions</strong>
|
||
|
|
<div class="text-right">{{ .dimensions }}</div>
|
||
|
|
</div>
|
||
|
|
{{ end }} {{ if ne .baseCost "" }}
|
||
|
|
<div class="flex flex-row justify-between">
|
||
|
|
<strong>Base Cost</strong>
|
||
|
|
<div class="text-right">{{ .baseCost }}</div>
|
||
|
|
</div>
|
||
|
|
{{ end }} {{ if ne .deliveryPickup "" }}
|
||
|
|
<div class="flex flex-row justify-between">
|
||
|
|
<strong>+ Delivery or Pickup</strong>
|
||
|
|
<div class="text-right">{{ .deliveryPickup }}</div>
|
||
|
|
</div>
|
||
|
|
{{ end }} {{ if ne .installBreakdown "" }}
|
||
|
|
<div class="flex flex-row justify-between">
|
||
|
|
<strong>+ Install & Breakdown</strong>
|
||
|
|
<div class="text-right">{{ .installBreakdown }}</div>
|
||
|
|
</div>
|
||
|
|
{{ end }} {{ if ne .purchaseCost "" }}
|
||
|
|
<div class="flex flex-row justify-between">
|
||
|
|
<strong>Purchase Cost</strong>
|
||
|
|
<div class="text-right">{{ .purchaseCost }}</div>
|
||
|
|
</div>
|
||
|
|
{{ end }} {{ if ne .cat "" }}
|
||
|
|
<div class="flex flex-row justify-between">
|
||
|
|
<strong>Category</strong>
|
||
|
|
<div class="text-right">{{ .cat }}</div>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{ end }} {{ end }}
|
||
|
|
</div>
|