mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
43 lines
No EOL
1.8 KiB
HTML
43 lines
No EOL
1.8 KiB
HTML
<!-- From Uiverse.io by Ameth1208 - Website: https://tailwindflex.com/@ameth1208/login - Name: Ameth1208 - Tags: login, form, input, sign-up -->
|
|
<div class="relative py-3 sm:max-w-xs sm:mx-auto">
|
|
<div
|
|
class="min-h-96 px-8 py-6 mt-4 text-left bg-white dark:bg-gray-900 rounded-xl shadow-lg"
|
|
>
|
|
<div class="flex flex-col justify-center items-center h-full select-none">
|
|
<div class="flex flex-col items-center justify-center gap-2 mb-8">
|
|
<div class="w-8 h-8 bg-gray-700" src=""></div>
|
|
<p class="m-0 text-[16px] font-semibold dark:text-white">
|
|
Login to your Account
|
|
</p>
|
|
<span class="m-0 text-xs max-w-[90%] text-center text-[#8B8E98]"
|
|
>Get started with our app, just start section and enjoy experience.
|
|
</span>
|
|
</div>
|
|
<div class="w-full flex flex-col gap-2">
|
|
<label class="font-semibold text-xs text-gray-400">Username</label>
|
|
<input
|
|
placeholder="Username"
|
|
class="border rounded-lg px-3 py-2 mb-5 text-sm w-full outline-none dark:border-gray-500 dark:bg-gray-900"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="w-full flex flex-col gap-2">
|
|
<label class="font-semibold text-xs text-gray-400">Password</label>
|
|
<input
|
|
placeholder="••••••••"
|
|
class="border rounded-lg px-3 py-2 mb-5 text-sm w-full outline-none dark:border-gray-500 dark:bg-gray-900"
|
|
type="password"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<button
|
|
class="py-1 px-8 bg-blue-500 hover:bg-blue-800 focus:ring-offset-blue-200 text-white w-full transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg cursor-pointer select-none"
|
|
>
|
|
Login
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|