Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-white to-indigo-50/40 font-sans text-slate-900 antialiased p-8 flex items-center justify-center">
<div class="max-w-lg w-full bg-white ring-1 ring-slate-200 rounded-2xl p-2 shadow-sm">
<div class="flex gap-1 p-1 bg-slate-100 rounded-xl">
<button class="flex-1 px-3 py-1.5 rounded-lg bg-white text-sm font-medium text-slate-900 shadow-sm">Overview</button>
<button class="flex-1 px-3 py-1.5 rounded-lg text-sm font-medium text-slate-500 hover:text-slate-900 transition">Analytics</button>
<button class="flex-1 px-3 py-1.5 rounded-lg text-sm font-medium text-slate-500 hover:text-slate-900 transition">Reports</button>
<button class="flex-1 px-3 py-1.5 rounded-lg text-sm font-medium text-slate-500 hover:text-slate-900 transition">Settings</button>
</div>
<div class="p-5">
<h3 class="font-semibold tracking-tight">Overview</h3>
<p class="mt-1 text-sm text-slate-600 leading-relaxed">A summary of your account activity across all workspaces.</p>
</div>
</div>
</div>
rloop.dev/p/Pr-C23