<div class="relative max-w-sm"> <div class="rounded-md shadow-sm"> <input class="rounded border-gray-300 block w-full transition duration-150 ease-in-out sm:text-sm sm:leading-5" id="email_or_phone_number" name="email_or_phone_number" required tabindex="1" type="text" value=""> </div> </div>
<div class="relative max-w-sm"> <div class="rounded-md shadow-sm"> <input class="rounded border-gray-300 block w-full transition duration-150 ease-in-out sm:text-sm sm:leading-5" id="password" name="password" required tabindex="2" type="password" value=""> </div> </div>
<div class="relative max-w-lg"> <div class="rounded-md shadow-sm"> <input class="h-4 w-4 text-brand-500 border-gray-300 rounded-sm focus:ring-brand-500" id="remember" name="remember" tabindex="3" type="checkbox" value="y"> </div> </div>
or