mirror of
https://github.com/chaoming/hugo-saasify-theme.git
synced 2025-04-24 18:51:54 +02:00
21 lines
1.6 KiB
HTML
21 lines
1.6 KiB
HTML
<div class="value-card bg-white p-8 rounded-lg shadow-sm hover:shadow-md transition-shadow">
|
|
<div class="mb-4">
|
|
{{ $icon := .Get "icon" }}
|
|
{{ if eq $icon "lightbulb" }}
|
|
<svg class="w-12 h-12 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
|
|
</svg>
|
|
{{ else if eq $icon "users" }}
|
|
<svg class="w-12 h-12 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"/>
|
|
</svg>
|
|
{{ else if eq $icon "eye" }}
|
|
<svg class="w-12 h-12 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
|
|
</svg>
|
|
{{ end }}
|
|
</div>
|
|
<h3 class="text-xl font-bold mb-2">{{ .Get "title" }}</h3>
|
|
<p class="text-gray-600">{{ .Get "description" }}</p>
|
|
</div>
|