63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
|
</head>
|
|
<body
|
|
class="font-sans antialiased bg-black text-white flex items-center justify-center min-h-screen"
|
|
>
|
|
<div class="w-full max-w-sm relative">
|
|
<div
|
|
aria-hidden="true"
|
|
class="absolute inset-0 grid grid-cols-2 opacity-20"
|
|
>
|
|
<div
|
|
class="blur-[106px] h-56 bg-gradient-to-br to-lime-400 from-lime-700"
|
|
></div>
|
|
<div
|
|
class="blur-[106px] h-42 bg-gradient-to-r from-lime-400 to-lime-600"
|
|
></div>
|
|
</div>
|
|
<form method="POST" action="/login" class="space-y-6 relative z-1">
|
|
<div class="grid gap-2">
|
|
<label for="username" class="text-sm leading-none font-medium">
|
|
Email ou CPF
|
|
</label>
|
|
<input
|
|
type="text"
|
|
id="username"
|
|
name="username"
|
|
class="border border-white/15 bg-white/8 w-full rounded-lg px-3 py-1.5 shadow-sm outline-none focus-visible:border-white/30 focus-visible:ring-white/20 focus-visible:ring-3 transition"
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<div class="grid gap-2">
|
|
<div class="flex justify-between items-center">
|
|
<label for="password" class="text-sm leading-none font-medium">
|
|
Senha
|
|
</label>
|
|
<a href="#" class="text-sm" tabindex="-1">Esqueceu sua senha?</a>
|
|
</div>
|
|
<input
|
|
type="password"
|
|
id="password"
|
|
name="password"
|
|
class="border border-white/15 bg-white/8 w-full rounded-lg px-3 py-1.5 shadow-sm outline-none focus-visible:border-white/30 focus-visible:ring-white/20 focus-visible:ring-3 transition"
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="w-full text-sm font-medium text-black bg-lime-400 rounded-lg px-4 py-2 h-9"
|
|
>
|
|
Entrar
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|