card
Step By Step Card
Live Preview
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto px-6">
<div class="relative text-center">
<div
class="w-12 h-12 bg-indigo-600 text-white rounded-full flex items-center justify-center font-bold mx-auto mb-4 border-4 border-indigo-50">
1</div>
<h4 class="font-bold text-lg mb-2 text-slate-900">Connect Wallet</h4>
<p class="text-slate-500 text-sm">Easily sync your existing crypto wallet to our secure platform.</p>
</div>
<div class="relative text-center">
<div
class="w-12 h-12 bg-indigo-600 text-white rounded-full flex items-center justify-center font-bold mx-auto mb-4 border-4 border-indigo-50">
2</div>
<h4 class="font-bold text-lg mb-2 text-slate-900">Build Portfolio</h4>
<p class="text-slate-500 text-sm">Select from hundreds of verified assets and start trading instantly.</p>
</div>
<div class="relative text-center">
<div
class="w-12 h-12 bg-indigo-600 text-white rounded-full flex items-center justify-center font-bold mx-auto mb-4 border-4 border-indigo-50">
3</div>
<h4 class="font-bold text-lg mb-2 text-slate-900">Grow Wealth</h4>
<p class="text-slate-500 text-sm">Sit back as our automated systems optimize your yields 24/7.</p>
</div>
</div>