mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
74 lines
No EOL
2.1 KiB
HTML
74 lines
No EOL
2.1 KiB
HTML
<!-- From Uiverse.io by seyed-mohsen-mousavi - Tags: subscription, green, card, subscribe -->
|
|
<div
|
|
class="bg-white rounded-lg overflow-hidden shadow-lg transition-transform transform hover:scale-105"
|
|
>
|
|
<div class="p-1 bg-green-200"></div>
|
|
<div class="p-8">
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">Pro Plan</h2>
|
|
<p class="text-gray-600 mb-6">Perfect for growing businesses</p>
|
|
<p class="text-4xl font-bold text-gray-800 mb-6">$49.99</p>
|
|
<ul class="text-sm text-gray-600 mb-6">
|
|
<li class="mb-2 flex items-center">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
fill="none"
|
|
class="w-4 h-4 mr-2 text-green-500"
|
|
>
|
|
<path
|
|
d="M5 13l4 4L19 7"
|
|
stroke-width="2"
|
|
stroke-linejoin="round"
|
|
stroke-linecap="round"
|
|
></path>
|
|
</svg>
|
|
25 Users
|
|
</li>
|
|
<li class="mb-2 flex items-center">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
fill="none"
|
|
class="w-4 h-4 mr-2 text-green-500"
|
|
>
|
|
<path
|
|
d="M5 13l4 4L19 7"
|
|
stroke-width="2"
|
|
stroke-linejoin="round"
|
|
stroke-linecap="round"
|
|
></path>
|
|
</svg>
|
|
Advanced Features
|
|
</li>
|
|
<li class="flex items-center">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
fill="none"
|
|
class="w-4 h-4 mr-2 text-green-500"
|
|
>
|
|
<path
|
|
d="M5 13l4 4L19 7"
|
|
stroke-width="2"
|
|
stroke-linejoin="round"
|
|
stroke-linecap="round"
|
|
></path>
|
|
</svg>
|
|
24/7 Support
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="p-4">
|
|
<button
|
|
class="w-full bg-green-500 text-white rounded-full px-4 py-2 hover:bg-green-700 focus:outline-none focus:shadow-outline-green active:bg-green-800"
|
|
>
|
|
Select Plan
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|