Tailwind Sign In / Sign Up Components in Basko library

<section class="py-24 lg:py-28 bg-black overflow-hidden">
  <div class="container px-4 mx-auto">
    <div class="max-w-3xl mx-auto">
      <h2 class="font-heading mb-4 text-6xl text-white tracking-tighter">Welcome Back!</h2>
      <p class="mb-16 text-xl text-white tracking-tight">Use and reuse tons of responsive sections to create the perfect layout. Sections are ready.</p>
      <form class="flex flex-wrap -m-3" action="#">
        <div class="w-full md:w-1/2 p-3">
          <label class="block">
            <input class="p-4 w-full text-gray-700 tracking-tight bg-white placeholder-gray-700 outline-none border border-gray-600 rounded-lg focus:border-indigo-500 transition duration-200" id="signInInput1-1" type="email" placeholder="Email Address">
          </label>
        </div>
        <div class="w-full md:w-1/2 p-3">
          <label class="block">
            <input class="p-4 w-full text-gray-700 tracking-tight bg-white placeholder-gray-700 outline-none border border-gray-600 rounded-lg focus:border-indigo-500 transition duration-200" id="signInInput1-2" type="password" placeholder="Password">
          </label>
        </div>
        <div class="w-full p-3">
          <div class="flex flex-wrap justify-between -m-2">
            <div class="w-auto p-2">
              <div class="flex items-center">
                <input class="custom-checkbox1 opacity-0 absolute h-5 w-5" type="checkbox" name="confirm" value="yes">
                <div class="mr-2 border border-gray-500 rounded border-blue-400 w-5 h-5 flex flex-shrink-0 justify-center items-center focus-within:border-blue-500">
                  <svg class="fill-current hidden w-2.5 h-2.5 text-blue-600 pointer-events-none" version="1.1" viewBox="0 0 17 12" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none" fill-rule="evenodd">
                      <g transform="translate(-9 -11)" fill="#1F73F1" fill-rule="nonzero">
                        <path d="m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z"></path>
                      </g>
                    </g>
                  </svg>
                </div>
                <label class="select-none text-white tracking-tight">Remember Me</label>
              </div>
            </div>
            <div class="w-auto p-2"><a class="text-white hover:text-gray-200 tracking-tight" href="#">Forgot Password?</a></div>
          </div>
        </div>
        <div class="w-full p-3"><button type="submit" class="inline-block mb-7 px-5 py-4 w-full text-white text-center font-semibold tracking-tight bg-indigo-500 hover:bg-indigo-600 rounded-lg focus:ring-4 focus:ring-indigo-300 transition duration-200" href="#">Sign In</button></div>
      </form>
    </div>
  </div>
</section>