#e8e8e8
HTML +TailwindCSS
1<div class="max-w-md relative flex flex-col p-4 rounded-md text-black bg-white"> 2 <div class="text-2xl font-bold mb-2 text-[#1e0e4b] text-center">Welcome back to <span class="text-[#7747ff]">App</span></div> 3 <div class="text-sm font-normal mb-4 text-center text-[#1e0e4b]">Log in to your account</div> 4<form class="flex flex-col gap-3"> 5 <div class="block relative"> 6 <label for="email" class="block text-gray-600 cursor-text text-sm leading-[140%] font-normal mb-2">Email</label> 7 <input type="text" id="email" class="rounded border border-gray-200 text-sm w-full font-normal leading-[18px] text-black tracking-[0px] appearance-none block h-11 m-0 p-[11px] focus:ring-2 ring-offset-2 ring-gray-900 outline-0"> 8 9 </div> 10 <div class="block relative"> 11 <label for="password" class="block text-gray-600 cursor-text text-sm leading-[140%] font-normal mb-2">Password</label> 12 <input type="text" id="password" class="rounded border border-gray-200 text-sm w-full font-normal leading-[18px] text-black tracking-[0px] appearance-none block h-11 m-0 p-[11px] focus:ring-2 ring-offset-2 ring-gray-900 outline-0"> 13 14 </div> 15 <div> 16 <a class="text-sm text-[#7747ff]" href="#">Forgot your password? 17 </a></div> 18 <button type="submit" class="bg-[#7747ff] w-max m-auto px-6 py-2 rounded text-white text-sm font-normal">Submit</button> 19 20</form> 21<div class="text-sm text-center mt-[1.6rem]">Don’t have an account yet? <a class="text-sm text-[#7747ff]" href="#">Sign up for free!</a></div> 22</div>
Comments
MIT License