CINXE.COM
Reset Password - Krystal Identity
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="robots" content="noindex"> <meta content="initial-scale=1.0, width=device-width" name="viewport"> <title>Reset Password - Krystal Identity</title> <meta name="csp-nonce" content="nW2bWBJW/q6NV2IWMHV+9A==" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="G-LARjYoe7RzeP5B5Rv-s8qdZJo41pkgI7mJ1weTj9WZLiIZR06ETAc5WXHBAHxGjnzAIQZ-0PNo9u07JmHk5g" /> <link href="/favicon.svg" rel="icon" type="image/svg+xml"> <link href="/apple-touch-icon.png" rel="apple-touch-icon"> <link color="#182229" href="/safari-pinned-tab.svg" rel="mask-icon"> <link href="/site.webmanifest" rel="manifest"> <meta content="Krystal Identity" name="apple-mobile-web-app-title"> <meta content="Krystal Identity" name="application-name"> <meta content="#182229" name="msapplication-TileColor"> <meta content="#182229" name="theme-color"> <link rel="stylesheet" href="/assets/tailwind-d0bebe2e2d3c8b93172429888bf841c491affcec6fe5d81d387faa8f6c6144ac.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/application-9f47125294014bca3c8c935147c38768a58e3088498c92eece66fb8a3432c097.css" data-turbo-track="reload" /> <script src="/assets/application-989c26d605200d91853903c2237857114da2281417cba994837a52abda7ac159.js" data-turbo-track="reload"></script> </head> <body class="overflow-y-scroll" data-controller="modal"> <div class="lg:grid lg:grid-cols-2 lg:h-screen lg:items-stretch"> <div class="lg:flex lg:flex-col lg:items-stretch lg:justify-center lg:min-h-full relative"> <div class="py-16 xl:py-24"> <div class="px-4 w-full sm:px-6 max-w-[528px] mx-auto"> <div class="space-y-8"> <div> <div class="flex justify-center mb-6"> <img alt="Krystal Identity" width="190" src="/assets/krystal-identity-gray-e139a565f1b69a379f9f83760b86c5a0a1779cc71a9f8dc8d31709bde5ec6a2f.svg" /> </div> <div class="space-y-2 text-center"> <h1 class="text-primary-900 text-h-sm md:text-h-md font-semibold">Reset your password</h1> <div class="max-w-2xl mx-auto px-4"> <p class="text-gray-600"> If you have forgotten your password, you can reset it by entering your email address below. You’ll then be sent an email with a code which you can use to reset your password. </p> </div> </div> </div> <div class="space-y-8"> <div> <turbo-frame id="errors"></turbo-frame></div> <form action="/login/reset?return_to=%2Flogin" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2dydJSHZxE_ZgBBUFQBKZosipnRCzJOMw6VeL5VQV_xLyf7jVlPRM5Sn-7XSyzH4wDd7SypMxJFuKd9WRuOrWw" autocomplete="off" /> <div class="bg-white border border-gray-200 rounded-xl shadow-md"> <div class="h-full p-8"> <div class="space-y-6"> <div class="gap-5 grid lg:grid-cols-8"> <div class="space-y-1.5 lg:col-span-8"> <label class="block font-semibold text-gray-700 text-sm" for="email_address">E-mail address</label> <div class="flex items-stretch relative"> <input class="bg-white block border border-gray-300 flex-1 leading-5 py-[7px] peer rounded-lg shadow-sm text-base text-gray-900 w-full focus:border-primary-300 focus:outline-0 focus:ring-4 focus:ring-offset-0 focus:ring-primary-50 placeholder:text-gray-500 disabled:bg-gray-50 disabled:text-gray-500 h-10 pl-3 pr-3" center="true" placeholder="Enter your email address…" type="email" autofocus="autofocus" name="email_address" id="email_address" /> </div> </div></div> <button name="button" type="submit" class="cursor-pointer flex-grow-0 font-semibold gap-2 items-center justify-center rounded-lg shrink-0 disabled:cursor-not-allowed flex w-full border focus:outline-none px-4 py-[9px] bg-primary-900 border-primary-900 text-white hover:bg-primary-800 hover:border-primary-800 focus:ring-4 focus:ring-primary-100 disabled:bg-primary-200 disabled:border-primary-200 leading-5 text-sm"> <span class="flex-shrink-0 pointer-events-none">Continue</span> </button> </div> </div> </div></form> </div> <div class="justify-end block"> <a class="cursor-pointer flex-grow-0 font-semibold gap-2 items-center justify-center rounded-lg shrink-0 disabled:cursor-not-allowed flex w-full border focus:outline-none px-4 py-[9px] bg-white border-gray-300 shadow-xs text-gray-700 hover:bg-gray-50 hover:text-gray-800 focus:ring-4 focus:ring-gray-100 disabled:bg-white disabled:border-gray-100 disabled:text-gray-300 leading-5 text-sm" href="/login?return_to=%2Flogin"> <span class="flex-shrink-0 pointer-events-none">Back to login</span> </a> </div> </div></div></div> </div> <div class="h-full hidden relative lg:block top-0"> <img alt="" class="fixed border-gray-800 border-l h-full left-1/2 object-cover object-right top-0 w-1/2" role="presentation" src="/assets/corridor-d129a4d8f0cce6f49d03d0d84ea1dff7dc78ee37e07b039fb1ee0961a4c9454a.jpg" /> </div> </div> <turbo-frame id="modal"></turbo-frame> </body> </html>