done
This commit is contained in:
omkieit
parent
327ef99b6f
commit
875198f7e5
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -27,7 +27,7 @@
|
|||
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||||
<!-- fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;800&family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
|
||||
<script type="module" crossorigin src="/assets/index-CTPhgL6j.js"></script>
|
||||
<script type="module" crossorigin src="/assets/index-dKDP2exv.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-CyAHZLBw.css">
|
||||
</head>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,164 +4,72 @@ const Footer = () => {
|
|||
|
||||
return (
|
||||
<>
|
||||
<div className="header_top_section">
|
||||
<div className="container-fluid px-20 col-20 col-md-3 col-xl-10">
|
||||
<div className="row">
|
||||
<div className="col-sm-12">
|
||||
<div className="header_top_main">
|
||||
<div className="call_text">
|
||||
<a href="#">
|
||||
<i className="fa fa-phone" aria-hidden="true" />{" "}
|
||||
+01-40-114-6855
|
||||
</a>
|
||||
</div>
|
||||
<div className="call_text_2">
|
||||
<a href="#">
|
||||
<i className="fa fa-envelope" aria-hidden="true" />{" "}
|
||||
support@estatesfunding.com
|
||||
</a>
|
||||
</div>
|
||||
<div className="call_text_1">
|
||||
<a href="#">
|
||||
<i className="fa fa-map-marker" aria-hidden="true" />{" "}
|
||||
Mordern Tawon Mosco
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="footer_section layout_padding">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer_section_2">
|
||||
<div className="row">
|
||||
<div className="col-md-4">
|
||||
<h2 className="useful_text">QUICK LINKS</h2>
|
||||
<div className="footer_menu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="projects.html">Projects</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<h2 className="useful_text">Work Portfolio</h2>
|
||||
<p className="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem</p>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<h2 className="useful_text">SIGN UP TO OUR NEWSLETTER</h2>
|
||||
<div className="form-group">
|
||||
<textarea className="update_mail" placeholder="Enter Your Email" rows={5} id="comment" name="Enter Your Email" defaultValue={""} />
|
||||
<div className="subscribe_bt"><a href="#">Subscribe</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/*
|
||||
<div className="footer_section layout_padding">
|
||||
<div className="container">
|
||||
|
||||
|
||||
|
||||
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="location_text">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span className="padding_15">
|
||||
<i className="fa fa-mobile" aria-hidden="true" />
|
||||
</span>{" "}
|
||||
<br />
|
||||
Call +01 1234567890
|
||||
</a>
|
||||
</li>
|
||||
<li className="active">
|
||||
<a href="#">
|
||||
<span className="padding_15">
|
||||
<i className="fa fa-envelope" aria-hidden="true" />
|
||||
</span>{" "}
|
||||
<br />
|
||||
demo@gmail.com
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span className="padding_15">
|
||||
<i className="fa fa-map-marker" aria-hidden="true" />
|
||||
</span>{" "}
|
||||
<br />
|
||||
Location
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="footer_section_2">
|
||||
<div className="row">
|
||||
<div className="col-md-4">
|
||||
<h2 className="useful_text">QUICK LINKS</h2>
|
||||
<div className="footer_menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="index.html">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="about.html">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="services.html">Services</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="projects.html">Projects</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<a href="contact.html">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-4">
|
||||
<h2 className="useful_text">SIGN UP TO OUR NEWSLETTER</h2>
|
||||
<div className="form-group">
|
||||
<textarea
|
||||
className="update_mail"
|
||||
placeholder="Enter Your Email"
|
||||
rows={5}
|
||||
id="comment"
|
||||
name="Enter Your Email"
|
||||
defaultValue={""}
|
||||
/>
|
||||
<div className="subscribe_bt">
|
||||
<a href="#">Subscribe</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="social_icon">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-facebook" aria-hidden="true" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-twitter" aria-hidden="true" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-linkedin" aria-hidden="true" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fa fa-instagram" aria-hidden="true" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="copyright_section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-sm-12">
|
||||
<p className="copyright_text">
|
||||
{currentYear} All Rights Reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="social_icon">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><i className="fa fa-facebook" aria-hidden="true" /></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i className="fa fa-twitter" aria-hidden="true" /></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i className="fa fa-linkedin" aria-hidden="true" /></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i className="fa fa-instagram" aria-hidden="true" /></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* footer section end */}
|
||||
{/* copyright section start */}
|
||||
<div className="copyright_section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-sm-12">
|
||||
<p className="copyright_text">{currentYear} All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* copyright section end */}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,9 @@ import Navbar from "./Navbar";
|
|||
import Footer from "../components/Footer";
|
||||
|
||||
|
||||
|
||||
const ForgotPassword = () => {
|
||||
|
||||
const [email, setEmail] = useState("");
|
||||
const [message, setMessage] = useState("");
|
||||
|
||||
|
|
@ -25,82 +27,113 @@ const ForgotPassword = () => {
|
|||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Navbar />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<section className="card mb-0 vh-100">
|
||||
<div className="container py-10 h-100">
|
||||
<div className="row d-flex align-items-center justify-content-center h-100">
|
||||
<div className="col-md-10 col-lg-5 col-xl-5 offset-xl-1 card mb-10">
|
||||
<h3 className="card-header" style={{ color: "#F74B02" }}>
|
||||
<span className="pi pi-lock" style={{ color: "#067ADC" }}>
|
||||
{" "}
|
||||
</span>{" "}
|
||||
{" "}
|
||||
Forgot{" "}
|
||||
<span
|
||||
style={{
|
||||
color: "#067ADC",
|
||||
marginRight: "3px",
|
||||
marginLeft: "3px",
|
||||
fontWeight: "bold",
|
||||
fontSize: "30px",
|
||||
}}
|
||||
>
|
||||
/
|
||||
</span>{" "}
|
||||
Change Password
|
||||
</h3>
|
||||
<br />
|
||||
<p className="card-title text-center">
|
||||
Enter your email address to receive a password reset link:
|
||||
</p>
|
||||
|
||||
return (
|
||||
<>
|
||||
<Navbar />
|
||||
<br />
|
||||
<br /><br /><br /><br />
|
||||
|
||||
|
||||
<section
|
||||
className="card"
|
||||
style={{ minHeight: "100vh", backgroundColor: "#FFFFFF" }}
|
||||
>
|
||||
<div className="container-fluid px-0">
|
||||
<div className="row gy-4 align-items-center justify-content-center">
|
||||
<div className="col-12 col-md-0 col-xl-20 text-center text-md-start">
|
||||
|
||||
</div>
|
||||
|
||||
<div className="col-12 col-md-6 col-xl-5">
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
alignItems: "center",
|
||||
}}
|
||||
className="container d-flex align-items-center justify-content-center vh-50"
|
||||
className="card border-0 rounded-4 shadow-lg"
|
||||
style={{ width: "100%" }}
|
||||
>
|
||||
<input
|
||||
type="email"
|
||||
value={email}
|
||||
className="form-control"
|
||||
onChange={(e) => setEmail(e.target.value)}
|
||||
placeholder="Enter your email"
|
||||
style={{ width: "80%", marginBottom: "15px" }}
|
||||
/>
|
||||
<button
|
||||
className="btn btn-primary"
|
||||
style={{
|
||||
width: "35%",
|
||||
border: "1px solid #FFFFFF",
|
||||
borderRadius: "10px",
|
||||
color: "#FFFFFF",
|
||||
}}
|
||||
onClick={handleResetPassword}
|
||||
>
|
||||
Reset Password
|
||||
</button>
|
||||
</div>
|
||||
<p
|
||||
<div className="card-body p-3 p-md-4 p-xl-5">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="mb-4">
|
||||
<h2 className="h3">Forgot Password</h2>
|
||||
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row gy-3 overflow-hidden">
|
||||
|
||||
|
||||
<div className="col-12">
|
||||
<div className="form-floating mb-3">
|
||||
<input
|
||||
type="email"
|
||||
className="form-control"
|
||||
value={email}
|
||||
onChange={(e) => setEmail(e.target.value)}
|
||||
|
||||
placeholder="name@example.com"
|
||||
required="required"
|
||||
/>
|
||||
<label htmlFor="email" className="form-label">
|
||||
Enter your email address to receive a password reset link
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-12">
|
||||
<div className="d-grid">
|
||||
<button
|
||||
className="btn btn-primary btn-lg"
|
||||
type="submit"
|
||||
style={{
|
||||
backgroundColor: "#fda417",
|
||||
border: "#fda417",
|
||||
}}
|
||||
onClick={handleResetPassword}
|
||||
|
||||
>
|
||||
|
||||
Reset Password
|
||||
</button>
|
||||
</div>
|
||||
<p
|
||||
style={{ color: "#067ADC" }}
|
||||
className="card-title text-center"
|
||||
>
|
||||
{message}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="d-flex gap-2 gap-md-4 flex-column flex-md-row justify-content-md-end mt-4">
|
||||
<p className="m-0 text-secondary text-center">
|
||||
Already have an account?{" "}
|
||||
<a
|
||||
href="#!"
|
||||
className="link-primary text-decoration-none"
|
||||
>
|
||||
Sign in
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-12"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Footer />
|
||||
</section>
|
||||
|
||||
<Footer />
|
||||
</div>
|
||||
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -510,13 +510,14 @@ const Home = () => {
|
|||
{/* projects section end */}
|
||||
|
||||
|
||||
<Footer />
|
||||
|
||||
|
||||
|
||||
{/* copyright section start */}
|
||||
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -50,26 +50,24 @@ const ResetPassword = () => {
|
|||
<br />
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<br />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<br /><br />
|
||||
|
||||
<section className="card mb-0 vh-100">
|
||||
<div className="container py-10 h-100">
|
||||
<div className="row d-flex align-items-center justify-content-center h-100">
|
||||
<div className="col-md-10 col-lg-5 col-xl-5 offset-xl-1 card mb-10">
|
||||
<h2 className="card-header" style={{ color: '#F74B02' }}>
|
||||
<span className="pi pi-lock-open" style={{ color: '#067ADC' }}> </span> {" "}
|
||||
<br />
|
||||
<h2>
|
||||
|
||||
Reset Password
|
||||
</h2>
|
||||
<br />
|
||||
<p className="card-title text-center" style={{ color: '#F74B02' }}>
|
||||
<hr />
|
||||
<p className="card-title text-center" style={{ color: '#F74B02' }}>
|
||||
Enter your new password:
|
||||
</p>
|
||||
</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
<input
|
||||
|
|
@ -90,11 +88,23 @@ const ResetPassword = () => {
|
|||
/>
|
||||
<br />
|
||||
|
||||
<button onClick={handleResetPassword} className="btn btn-primary" style={{
|
||||
width: "35%" }}>
|
||||
Reset Password
|
||||
|
||||
</button>
|
||||
|
||||
|
||||
<button
|
||||
className="btn btn-primary btn-lg"
|
||||
type="submit"
|
||||
name="signin"
|
||||
value="Sign in"
|
||||
onClick={handleResetPassword}
|
||||
style={{
|
||||
backgroundColor: "#fda417",
|
||||
border: "#fda417",
|
||||
}}
|
||||
>
|
||||
|
||||
Reset Password
|
||||
</button>
|
||||
|
||||
<p style={{ color: "#067ADC" }} className="card-title text-center">
|
||||
{message}
|
||||
|
|
|
|||
Loading…
Reference in New Issue