56 lines
2.1 KiB
JavaScript
56 lines
2.1 KiB
JavaScript
import React from 'react';
|
|
import { Link } from "react-router-dom";
|
|
|
|
function ForgotPassword() {
|
|
return (
|
|
<>
|
|
<div className="mt-3 card-position">
|
|
<div className="col-lg-5 col-12">
|
|
<div className="card shadow-sm d-flex justify-content-between align-items-center">
|
|
<div id="auth-left">
|
|
<div className="auth-logo">
|
|
<br />
|
|
<Link to="/">
|
|
<h1 className="mb-4 text-center">MediConnect</h1>
|
|
</Link>
|
|
</div>
|
|
<h3 className="auth-title">Esqueci minha senha</h3>
|
|
<p className="auth-subtitle mb-5">
|
|
Informe seu e-mail e enviaremos um link para redefinir sua senha.
|
|
</p>
|
|
<form action="index.html">
|
|
<div className="form-group position-relative has-icon-left mb-4">
|
|
<input
|
|
type="email"
|
|
className="form-control form-control-xl"
|
|
placeholder="E-mail"
|
|
/>
|
|
<div className="form-control-icon">
|
|
<i className="bi bi-envelope" />
|
|
</div>
|
|
</div>
|
|
<button className="btn btn-primary btn-block btn-lg shadow-lg mt-5">
|
|
Enviar
|
|
</button>
|
|
</form>
|
|
<div className="text-center mt-5 text-lg fs-4">
|
|
<p className="text-gray-600">
|
|
Lembrou da sua senha?
|
|
<Link className="font-bold" to={'/login'}>
|
|
Entrar
|
|
</Link>
|
|
.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-7 d-none d-lg-block">
|
|
<div id="auth-right"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default ForgotPassword; |