Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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">
<form class="max-w-md w-full bg-white ring-1 ring-slate-200 rounded-2xl p-8 shadow-xl shadow-slate-900/5 space-y-5">
<div>
<h2 class="text-xl font-semibold tracking-tight">Create your account</h2>
<p class="mt-1 text-sm text-slate-500">Start your 14-day free trial.</p>
</div>
<div class="space-y-1.5">
<label class="text-xs font-medium text-slate-700">Email</label>
<input type="email" class="w-full px-3.5 py-2.5 rounded-lg ring-1 ring-slate-200 bg-white text-sm focus:ring-2 focus:ring-indigo-500 focus:outline-none transition" placeholder="you@company.com">
</div>
<div class="space-y-1.5">
<label class="text-xs font-medium text-slate-700">Password</label>
<input type="password" class="w-full px-3.5 py-2.5 rounded-lg ring-1 ring-slate-200 bg-white text-sm focus:ring-2 focus:ring-indigo-500 focus:outline-none transition" placeholder="••••••••">
</div>
<label class="flex items-start gap-2 text-xs text-slate-600">
<input type="checkbox" class="mt-0.5 rounded text-indigo-600 focus:ring-indigo-500"> I agree to the terms of service
</label>
<button class="w-full px-4 py-2.5 rounded-lg bg-slate-900 text-white text-sm font-medium hover:bg-slate-800 transition">Create account</button>
</form>
</div>
rloop.dev/p/Pr-J50