96 lines
3.5 KiB
React
96 lines
3.5 KiB
React
|
import React from "react";
|
|||
|
|
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
|||
|
|
import { Link } from "react-router-dom";
|
|||
|
|
import { all_routes } from "../../../Router/all_routes";
|
|||
|
|
|
|||
|
|
const Forgotpassword = () => {
|
|||
|
|
const route = all_routes;
|
|||
|
|
return (
|
|||
|
|
<div className="main-wrapper">
|
|||
|
|
<div className="account-content">
|
|||
|
|
<div className="login-wrapper forgot-pass-wrap bg-img">
|
|||
|
|
<div className="login-content">
|
|||
|
|
<form>
|
|||
|
|
<div className="login-userset">
|
|||
|
|
<div className="login-logo logo-normal">
|
|||
|
|
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
|||
|
|
</div>
|
|||
|
|
<Link to={route.dashboard} className="login-logo logo-white">
|
|||
|
|
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
|||
|
|
</Link>
|
|||
|
|
<div className="login-userheading">
|
|||
|
|
<h3>Forgot password?</h3>
|
|||
|
|
<h4>
|
|||
|
|
If you forgot your password, well, then we’ll email you
|
|||
|
|
instructions to reset your password.
|
|||
|
|
</h4>
|
|||
|
|
</div>
|
|||
|
|
<div className="form-login">
|
|||
|
|
<label>Email</label>
|
|||
|
|
<div className="form-addons">
|
|||
|
|
<input type="email" className="form-control" />
|
|||
|
|
<ImageWithBasePath
|
|||
|
|
src="assets/img/icons/mail.svg"
|
|||
|
|
alt="img"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="form-login">
|
|||
|
|
<Link tp={route.signin} className="btn btn-login">
|
|||
|
|
Sign Up
|
|||
|
|
</Link>
|
|||
|
|
</div>
|
|||
|
|
<div className="signinform text-center">
|
|||
|
|
<h4>
|
|||
|
|
Return to
|
|||
|
|
<Link to={route.signin} className="hover-a">
|
|||
|
|
{" "}
|
|||
|
|
login{" "}
|
|||
|
|
</Link>
|
|||
|
|
</h4>
|
|||
|
|
</div>
|
|||
|
|
<div className="form-setlogin or-text">
|
|||
|
|
<h4>OR</h4>
|
|||
|
|
</div>
|
|||
|
|
<div className="form-sociallink">
|
|||
|
|
<ul className="d-flex justify-content-center">
|
|||
|
|
<li>
|
|||
|
|
<Link to="#" className="facebook-logo">
|
|||
|
|
<ImageWithBasePath
|
|||
|
|
src="assets/img/icons/facebook-logo.svg"
|
|||
|
|
alt="Facebook"
|
|||
|
|
/>
|
|||
|
|
</Link>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<Link to="#">
|
|||
|
|
<ImageWithBasePath
|
|||
|
|
src="assets/img/icons/google.png"
|
|||
|
|
alt="Google"
|
|||
|
|
/>
|
|||
|
|
</Link>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<Link to="#" className="apple-logo">
|
|||
|
|
<ImageWithBasePath
|
|||
|
|
src="assets/img/icons/apple-logo.svg"
|
|||
|
|
alt="Apple"
|
|||
|
|
/>
|
|||
|
|
</Link>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div className="my-4 d-flex justify-content-center align-items-center copyright-text">
|
|||
|
|
<p>Copyright © 2023 DreamsPOS. All rights reserved</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default Forgotpassword;
|