|
|
@@ -8,34 +8,24 @@ const PasswordResetRequestForm = (props) => {
|
|
|
|
|
|
return (
|
|
|
<>
|
|
|
- <div className="container">
|
|
|
- <div className="row">
|
|
|
- <div className="col-md-4 col-md-offset-4">
|
|
|
- <div className="card">
|
|
|
- <div className="card-body">
|
|
|
- <div className="text-center">
|
|
|
- <h3><i className="fa fa-lock fa-4x"></i></h3>
|
|
|
- <h2 className="text-center">Forgot Password?</h2>
|
|
|
- <p>You can reset your password here.</p>
|
|
|
- <div className="card-body">
|
|
|
- <form id="register-form" role="form" className="form" method="post">
|
|
|
- <div className="form-group">
|
|
|
- <div className="input-group">
|
|
|
- <span className="input-group-addon">
|
|
|
- <i className="glyphicon glyphicon-envelope" />
|
|
|
- </span>
|
|
|
- <input name="email" placeholder="email address" className="form-control" type="email" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className="form-group">
|
|
|
- <input name="reset-password-btn" className="btn btn-lg btn-primary btn-block" value="Reset Password" type="submit" />
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div className="d-flex align-items-center justify-content-center">
|
|
|
+ <div className="text-center">
|
|
|
+ <h3><i className="fa fa-lock fa-4x"></i></h3>
|
|
|
+ <h2 className="text-center">Forgot Password?</h2>
|
|
|
+ <p>You can reset your password here.</p>
|
|
|
+ <form role="form" className="form" method="post">
|
|
|
+ <div className="form-group">
|
|
|
+ <div className="input-group">
|
|
|
+ <span className="input-group-addon">
|
|
|
+ <i className="glyphicon glyphicon-envelope" />
|
|
|
+ </span>
|
|
|
+ <input name="email" placeholder="email address" className="form-control" type="email" />
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <div className="form-group">
|
|
|
+ <input name="reset-password-btn" className="btn btn-lg btn-primary btn-block" value="Reset Password" type="submit" />
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</>
|
kaori