Form by jimmychen338

1<div
2  class="w-64 h-80 bg-indigo-50 rounded shadow flex flex-col justify-between p-3"
3  id="login"
4>
5  <form method="post" action="" class="text-indigo-500">
6    <fieldset class="border-4 border-dotted border-indigo-500 p-5">
7      <legend class="px-2 italic -mx-2">Welcome again!</legend>
8      <label
9        for="email"
10        class="text-xs font-bold after:content-['*'] after:text-red-400"
11        >Mail
12      </label>
13      <input
14        required=""
15        type="email"
16        class="w-full p-2 mb-2 mt-1 outline-none ring-none focus:ring-2 focus:ring-indigo-500"
17      />
18      <label
19        for="password"
20        class="text-xs font-bold after:content-['*'] after:text-red-400"
21        >Password
22      </label>
23      <input
24        required=""
25        type="password"
26        class="w-full p-2 mb-2 mt-1 outline-none ring-none focus:ring-2 focus:ring-indigo-500"
27      />
28      <a
29        class="block text-right text-xs text-indigo-500 text-right mb-4"
30        href="#"
31        >Forgot Password?</a
32      >
33      <button
34        class="w-full rounded bg-indigo-500 text-indigo-50 p-2 text-center font-bold hover:bg-indigo-400"
35      >
36        Log In
37      </button>
38    </fieldset>
39  </form>
40</div>
41