mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
21 lines
1.8 KiB
HTML
21 lines
1.8 KiB
HTML
<!-- From Uiverse.io by ahkamboh - Tags: form, contacts form, tailwind css -->
|
|
|
|
<form class="px-7 h-screen grid justify-center items-center">
|
|
<div class="grid gap-6" id="form">
|
|
<div class="w-full flex gap-3">
|
|
<input class="capitalize shadow-2xl p-3 ex w-full outline-none focus:border-solid focus:border-[1px] border-[#035ec5] placeholder:text-black" type="text" placeholder="First Name" id="First-Name" name="First-Name" required="">
|
|
<input class="p-3 capitalize shadow-2xl glass w-full placeholder:text-black outline-none focus:border-solid focus:border-[1px] border-[#035ec5]" type="text" placeholder="Last Name" id="Last-Name" name="Last-Name">
|
|
</div>
|
|
<div class="grid gap-6 w-full">
|
|
<input class="p-3 shadow-2xl glass w-full placeholder:text-black outline-none focus:border-solid border-[#035ec5] focus:border-[1px]" type="Email" placeholder="Email" id="Email" name="email">
|
|
<input class="p-3 shadow-2xl glass w-full text-black outline-none focus:border-solid focus:border-[1px]border-[#035ec5]" type="date" required="">
|
|
</div>
|
|
<div class="flex gap-3">
|
|
<input class="p-3 glass shadow-2xl w-full placeholder:text-black outline-none focus:border-solid focus:border-[1px] border-[#035ec5]" type="password" placeholder="Password" id="password" name="password" required="">
|
|
<input class="p-3 glass shadow-2xl w-full placeholder:text-black outline-none focus:border-solid focus:border-[1px] border-[#035ec5]" type="password" placeholder="Confirm password" required="">
|
|
</div>
|
|
<button class="outline-none glass shadow-2xl w-full p-3 bg-[#ffffff42] hover:border-[#035ec5] hover:border-solid hover:border-[1px] hover:text-[#035ec5] font-bold" type="submit">Submit</button>
|
|
</div>
|
|
</form>
|
|
|
|
|