mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-27 20:50:21 +08:00
15 lines
1.2 KiB
HTML
15 lines
1.2 KiB
HTML
<!-- From Uiverse.io by Javierrocadev - Tags: blue, form, login form, tailwind -->
|
|
<div id="login" class="w-64 h-80 bg-indigo-50 rounded shadow flex flex-col justify-between p-3">
|
|
<form class="text-indigo-500" action="" method="post">
|
|
<fieldset class="border-4 border-dotted border-indigo-500 p-5">
|
|
<legend class="px-2 italic -mx-2">Welcome again!</legend>
|
|
<label class="text-xs font-bold after:content-['*'] after:text-red-400" for="email">Mail </label>
|
|
<input class="w-full p-2 mb-2 mt-1 outline-none ring-none focus:ring-2 focus:ring-indigo-500" type="email" required="">
|
|
<label class="text-xs font-bold after:content-['*'] after:text-red-400" for="password">Password </label>
|
|
<input class="w-full p-2 mb-2 mt-1 outline-none ring-none focus:ring-2 focus:ring-indigo-500" type="password" required="">
|
|
<a href="#" class="block text-right text-xs text-indigo-500 text-right mb-4">Forgot Password?</a>
|
|
<button class="w-full rounded bg-indigo-500 text-indigo-50 p-2 text-center font-bold hover:bg-indigo-400">Log In</button>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|