mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
58 lines
No EOL
1.7 KiB
HTML
58 lines
No EOL
1.7 KiB
HTML
<!-- From Uiverse.io by LeryLey - Tags: simple, login, form -->
|
|
<div
|
|
class="w-80 rounded-lg shadow h-auto p-6 bg-white relative overflow-hidden"
|
|
>
|
|
<div class="flex flex-col justify-center items-center space-y-2">
|
|
<h2 class="text-2xl font-medium text-slate-700">Login</h2>
|
|
<p class="text-slate-500">Enter details below.</p>
|
|
</div>
|
|
<form class="w-full mt-4 space-y-3">
|
|
<div>
|
|
<input
|
|
class="outline-none border-2 rounded-md px-2 py-1 text-slate-500 w-full focus:border-blue-300"
|
|
placeholder="Username"
|
|
id="username"
|
|
name="username"
|
|
type="text"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<input
|
|
class="outline-none border-2 rounded-md px-2 py-1 text-slate-500 w-full focus:border-blue-300"
|
|
placeholder="Password"
|
|
id="password"
|
|
name="password"
|
|
type="password"
|
|
/>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<input
|
|
class="mr-2 w-4 h-4"
|
|
id="remember"
|
|
name="remember"
|
|
type="checkbox"
|
|
/>
|
|
<span class="text-slate-500">Remember me </span>
|
|
</div>
|
|
<a class="text-blue-500 font-medium hover:underline" href="#"
|
|
>Forgot Password</a
|
|
>
|
|
</div>
|
|
<button
|
|
class="w-full justify-center py-1 bg-blue-500 hover:bg-blue-600 active:bg-blue-700 rounded-md text-white ring-2"
|
|
id="login"
|
|
name="login"
|
|
type="submit"
|
|
>
|
|
login
|
|
</button>
|
|
<p class="flex justify-center space-x-1">
|
|
<span class="text-slate-700"> Have an account? </span>
|
|
<a class="text-blue-500 hover:underline" href="#">Sign Up</a>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
|