Forgot Password 1

mail@pastecode.io avatar
unknown
plain_text
a year ago
2.4 kB
1
Indexable
Never
<div className="w-96 h-96 relative bg-white">
  <div className="w-96 h-96 left-0 top-0 absolute">
    <div className="w-96 h-96 left-0 top-0 absolute bg-zinc-950" />
    <div className="w-96 h-96 left-0 top-0 absolute bg-zinc-950 flex-col justify-end items-center inline-flex">
      <div className="origin-top-left rotate-[-22.72deg] w-96 h-96 relative">
      </div>
    </div>
  </div>
  <div className="w-96 h-96 p-24 left-0 top-0 absolute flex-col justify-between items-start gap-96 inline-flex">
    <div className="justify-start items-center gap-7 inline-flex">
      <div className="w-16 h-12 relative" />
      <div className="text-white text-4xl font-bold">DopeSaas</div>
    </div>
    <div className="flex-col justify-start items-start gap-5 flex">
      <div className="w-96 text-white text-4xl font-bold">Numquam architecto iure</div>
      <div className="w-96 text-white text-2xl font-normal">Ut corrupti est molestiae occaecati voluptatem vel harum explicabo numquam.</div>
    </div>
  </div>
  <div className="w-96 h-96 p-24 left-[686px] top-0 absolute flex-col justify-between items-center gap-32 inline-flex">
    <div className="self-stretch h-96 flex-col justify-start items-start gap-24 flex">
      <div className="self-stretch h-20 flex-col justify-center items-start gap-2.5 flex">
        <div className="text-zinc-950 text-3xl font-bold">Forgot Password</div>
        <div className="self-stretch text-zinc-950 text-base font-normal">Enter the email you used to create your account so we can send you instructions on how to reset your password.</div>
      </div>
      <div className="h-52 flex-col justify-start items-start gap-7 flex">
        <div className="self-stretch px-5 py-3.5 rounded border border-zinc-950 border-opacity-60 justify-start items-start gap-2.5 inline-flex">
          <div className="text-zinc-950 text-opacity-40 text-base font-normal">Email</div>
        </div>
        <div className="w-96 px-5 py-3.5 bg-indigo-700 rounded justify-center items-center gap-2.5 inline-flex">
          <div className="text-white text-base font-semibold">Send</div>
        </div>
        <div className="w-96 px-5 py-3.5 rounded border border-zinc-950 justify-center items-center gap-2.5 inline-flex">
          <div className="text-zinc-950 text-base font-semibold">Back to Login</div>
        </div>
      </div>
    </div>
  </div>
</div>