Initial commit of Dreams POS React template
This commit is contained in:
tuanOts
@@ -0,0 +1,39 @@
|
||||
import React from "react";
|
||||
|
||||
const Blankpage = () => {
|
||||
return (
|
||||
<div className="page-wrapper pagehead">
|
||||
<div className="content">
|
||||
<div className="page-header">
|
||||
<div className="page-title">
|
||||
<h4>Blank Page</h4>
|
||||
<h6>Sub Title</h6>
|
||||
</div>
|
||||
<ul className="table-top-head">
|
||||
<li>
|
||||
<a
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Refresh"
|
||||
>
|
||||
<i data-feather="rotate-ccw" className="feather-rotate-ccw" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Collapse"
|
||||
id="collapse-header"
|
||||
>
|
||||
<i data-feather="chevron-up" className="feather-chevron-up" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Blankpage;
|
||||
@@ -0,0 +1,100 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
import ImageWithBasePath from "../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const Comingsoon = () => {
|
||||
const [seconds, setSeconds] = useState(60);
|
||||
|
||||
useEffect(() => {
|
||||
const intervalId = setInterval(() => {
|
||||
if (seconds > 0) {
|
||||
setSeconds((prevSeconds) => prevSeconds - 1);
|
||||
}
|
||||
}, 1000);
|
||||
return () => clearInterval(intervalId);
|
||||
}, [seconds]);
|
||||
|
||||
const formatTime = (time) => {
|
||||
// Add leading zero for single-digit numbers
|
||||
return time < 10 ? `0${time}` : time;
|
||||
};
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="comming-soon-pg w-100">
|
||||
<div className="coming-soon-box">
|
||||
<div className="pos-logo">
|
||||
<ImageWithBasePath src="assets/img/logo-small.png" alt />
|
||||
</div>
|
||||
<span>Our Website is</span>
|
||||
<h1>
|
||||
<span> COMING </span> SOON{" "}
|
||||
</h1>
|
||||
<p>
|
||||
Please check back later, We are working hard to get everything just
|
||||
right.
|
||||
</p>
|
||||
<ul className="coming-soon-timer">
|
||||
<li>
|
||||
<span className="days">54</span>days
|
||||
</li>
|
||||
<li className="seperate-dot">:</li>
|
||||
<li>
|
||||
<span className="hours">10</span>Hrs
|
||||
</li>
|
||||
<li className="seperate-dot">:</li>
|
||||
<li>
|
||||
<span className="minutes">47</span>Min
|
||||
</li>
|
||||
<li className="seperate-dot">:</li>
|
||||
<li>
|
||||
<span className="seconds">{formatTime(seconds)}</span>Sec
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div className="subscribe-form">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Subscribe to get notified!</label>
|
||||
<input
|
||||
type="email"
|
||||
className="form-control"
|
||||
placeholder="Enter Your Email"
|
||||
/>
|
||||
<Link to className="btn btn-primary subscribe-btn">
|
||||
Subscribe
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul className="social-media-icons">
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="fab fa-facebook-f" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="fab fa-instagram" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="fab fa-twitter" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="fab fa-pinterest-p" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="fab fa-linkedin" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Comingsoon;
|
||||
@@ -0,0 +1,53 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const EmailVerification = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper email-veri-wrap bg-img">
|
||||
<div className="login-content">
|
||||
<div className="login-userset">
|
||||
<div className="login-userset">
|
||||
<div className="login-logo logo-normal">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
</div>
|
||||
</div>
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
<div className="login-userheading text-center">
|
||||
<h3>Verify Your Email</h3>
|
||||
<h4 className="verfy-mail-content">
|
||||
We've sent a link to your email ter4@example.com. Please
|
||||
follow the link inside to continue
|
||||
</h4>
|
||||
</div>
|
||||
<div className="signinform text-center">
|
||||
<h4>
|
||||
Didn't receive an email?{" "}
|
||||
<Link to="#" className="hover-a resend">
|
||||
Resend Link
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link className="btn btn-login" to={route.dashboard}>
|
||||
Skip Now
|
||||
</Link>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmailVerification;
|
||||
@@ -0,0 +1,54 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const EmailverificationThree = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper login-new">
|
||||
<div className="login-content user-login">
|
||||
<div className="login-logo">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="login-userset">
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
<div className="login-userheading text-center">
|
||||
<h3>Verify Your Email</h3>
|
||||
<h4 className="verfy-mail-content">
|
||||
We've sent a link to your email ter4@example.com. Please
|
||||
follow the link inside to continue
|
||||
</h4>
|
||||
</div>
|
||||
<div className="signinform text-center">
|
||||
<h4>
|
||||
Didn't receive an email?{" "}
|
||||
<Link to="#" className="hover-a resend">
|
||||
Resend Link
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link className="btn btn-login" to={route.dashboard}>
|
||||
Skip Now
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmailverificationThree;
|
||||
@@ -0,0 +1,59 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const EmailverificationTwo = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper">
|
||||
<div className="login-content">
|
||||
<div className="login-userset">
|
||||
<div className="login-userset">
|
||||
<div className="login-logo logo-normal">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
</div>
|
||||
</div>
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
<div className="login-userheading text-center">
|
||||
<h3>Verify Your Email</h3>
|
||||
<h4 className="verfy-mail-content">
|
||||
We've sent a link to your email ter4@example.com. Please
|
||||
follow the link inside to continue
|
||||
</h4>
|
||||
</div>
|
||||
<div className="signinform text-center">
|
||||
<h4>
|
||||
Didn't receive an email?{" "}
|
||||
<Link to="#" className="hover-a resend">
|
||||
Resend Link
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link className="btn btn-login" to={route.dashboard}>
|
||||
Skip Now
|
||||
</Link>
|
||||
</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>
|
||||
</div>
|
||||
<div className="login-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/email02.png"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmailverificationTwo;
|
||||
@@ -0,0 +1,31 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const Error404 = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="error-box">
|
||||
<div className="error-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/error-404.png"
|
||||
className="img-fluid"
|
||||
alt
|
||||
/>
|
||||
</div>
|
||||
<h3 className="h2 mb-3">Oops, something went wrong</h3>
|
||||
<p>
|
||||
Error 404 Page not found. Sorry the page you looking for doesn’t exist
|
||||
or has been moved
|
||||
</p>
|
||||
<Link to={route.dashboard} className="btn btn-primary">
|
||||
Back to Dashboard
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Error404;
|
||||
@@ -0,0 +1,31 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const Error500 = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="error-box">
|
||||
<div className="error-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/error-500.png"
|
||||
className="img-fluid"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
<h3 className="h2 mb-3">Oops, something went wrong</h3>
|
||||
<p>
|
||||
Server Error 500. We apologise and are fixing the problem Please try
|
||||
again at a later stage
|
||||
</p>
|
||||
<Link to={route.dashboard} className="btn btn-primary">
|
||||
Back to Dashboard
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Error500;
|
||||
@@ -0,0 +1,95 @@
|
||||
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;
|
||||
@@ -0,0 +1,97 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const ForgotpasswordThree = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper login-new">
|
||||
<div className="container">
|
||||
<div className="login-content user-login">
|
||||
<div className="login-logo">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
</div>
|
||||
<form action="signin-3">
|
||||
<div className="login-userset">
|
||||
<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 to={route.signin} className="btn btn-login">
|
||||
Sign Up
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform text-center">
|
||||
<h4>
|
||||
Return to
|
||||
<Link to={route.signinthree} 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>
|
||||
</form>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ForgotpasswordThree;
|
||||
@@ -0,0 +1,101 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const ForgotpasswordTwo = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper">
|
||||
<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 to={route.signup} 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 className="login-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/forgot-02.png"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ForgotpasswordTwo;
|
||||
@@ -0,0 +1,79 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../Router/all_routes";
|
||||
|
||||
const Lockscreen = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper login-body">
|
||||
<div className="login-wrapper">
|
||||
<div className="container">
|
||||
<ImageWithBasePath
|
||||
className="img-fluid logo-dark mb-5"
|
||||
src="assets/img/logo.png"
|
||||
alt="Logo"
|
||||
/>
|
||||
<div className="loginbox">
|
||||
<div className="login-right">
|
||||
<div className="login-right-wrap">
|
||||
<div className="login-info">
|
||||
<p className="account-subtitle">Welcome back!</p>
|
||||
<ImageWithBasePath
|
||||
src="assets/img/login-user.png"
|
||||
className="img-fluid"
|
||||
alt="User-Img"
|
||||
/>
|
||||
<h5>John Smilga</h5>
|
||||
</div>
|
||||
<form action="#">
|
||||
<div className="input-blocks">
|
||||
<div className="pass-group">
|
||||
<input
|
||||
type="password"
|
||||
className="form-control pass-input"
|
||||
placeholder="Enter your password"
|
||||
/>
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<Link
|
||||
className="btn btn-lg btn-block btn-primary"
|
||||
to={route.dashboard}
|
||||
>
|
||||
Log In
|
||||
</Link>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<ul className="terms d-flex">
|
||||
<li>Terms & Condition</li>
|
||||
<li>Privacy</li>
|
||||
<li>Help</li>
|
||||
<li className="has-submenu">
|
||||
<Link to="#">
|
||||
English <i className="fas fa-chevron-down" />
|
||||
</Link>
|
||||
<ul className="submenu dropdown-menu">
|
||||
<li>
|
||||
<Link to="#">American</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">British</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="my-4 d-flex justify-content-center align-items-center copyright-text">
|
||||
<p>Copyright © 2024 DreamsPOS. All rights reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Lockscreen;
|
||||
@@ -0,0 +1,122 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const Signin = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper bg-img">
|
||||
<div className="login-content">
|
||||
<form action="index">
|
||||
<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>Sign In</h3>
|
||||
<h4>
|
||||
Access the Dreamspos panel using your email and passcode.
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login mb-3">
|
||||
<label className="form-label">Email Address</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form- control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/mail.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login mb-3">
|
||||
<label className="form-label">Password</label>
|
||||
<div className="pass-group">
|
||||
<input
|
||||
type="password"
|
||||
className="pass-input form-control"
|
||||
/>
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login authentication-check">
|
||||
<div className="row">
|
||||
<div className="col-12 d-flex align-items-center justify-content-between">
|
||||
<div className="custom-control custom-checkbox">
|
||||
<label className="checkboxs ps-4 mb-0 pb-0 line-height-1">
|
||||
<input type="checkbox" className="form-control" />
|
||||
<span className="checkmarks" />
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
<div className="text-end">
|
||||
<Link className="forgot-link" to={route.forgotPassword}>
|
||||
Forgot Password?
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link to={route.dashboard} className="btn btn-login">
|
||||
Sign In
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform">
|
||||
<h4>
|
||||
New on our platform?
|
||||
<Link to={route.register} className="hover-a">
|
||||
{" "}
|
||||
Create an account
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-setlogin or-text">
|
||||
<h4>OR</h4>
|
||||
</div>
|
||||
<div className="form-sociallink">
|
||||
<ul className="d-flex">
|
||||
<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 className="my-4 d-flex justify-content-center align-items-center copyright-text">
|
||||
<p>Copyright © 2023 DreamsPOS. All rights reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Signin;
|
||||
@@ -0,0 +1,124 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const SigninThree = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper login-new">
|
||||
<div className="container">
|
||||
<div className="login-content user-login">
|
||||
<div className="login-logo">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
</div>
|
||||
<form>
|
||||
<div className="login-userset">
|
||||
<div className="login-userheading">
|
||||
<h3>Sign In</h3>
|
||||
<h4>
|
||||
Access the Dreamspos panel using your email and passcode.
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label className="form-label">Email Address</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form-control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/mail.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-input" />
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login authentication-check">
|
||||
<div className="row">
|
||||
<div className="col-6">
|
||||
<div className="custom-control custom-checkbox">
|
||||
<label className="checkboxs ps-4 mb-0 pb-0 line-height-1">
|
||||
<input type="checkbox" />
|
||||
<span className="checkmarks" />
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-6 text-end">
|
||||
<Link
|
||||
className="forgot-link"
|
||||
to={route.forgotPasswordThree}
|
||||
>
|
||||
Forgot Password?
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link className="btn btn-login" to={route.signin}>
|
||||
Sign In
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform">
|
||||
<h4>
|
||||
New on our platform?
|
||||
<Link to={route.registerThree} className="hover-a">
|
||||
{" "}
|
||||
Create an account
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-setlogin or-text">
|
||||
<h4>OR</h4>
|
||||
</div>
|
||||
<div className="form-sociallink">
|
||||
<ul className="d-flex">
|
||||
<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>
|
||||
</form>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SigninThree;
|
||||
@@ -0,0 +1,128 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const SigninTwo = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper">
|
||||
<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>Sign In</h3>
|
||||
<h4>
|
||||
Access the Dreamspos panel using your email and passcode.
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Email Address</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form-control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/mail.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-input" />
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login authentication-check">
|
||||
<div className="row">
|
||||
<div className="col-6">
|
||||
<div className="custom-control custom-checkbox">
|
||||
<label className="checkboxs ps-4 mb-0 pb-0 line-height-1">
|
||||
<input type="checkbox" />
|
||||
<span className="checkmarks" />
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-6 text-end">
|
||||
<Link
|
||||
className="forgot-link"
|
||||
to={route.forgotPasswordTwo}
|
||||
>
|
||||
Forgot Password?
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link to={route.signin} className="btn btn-login">
|
||||
Sign In
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform">
|
||||
<h4>
|
||||
New on our platform?
|
||||
<Link to={route.registerTwo} className="hover-a">
|
||||
{" "}
|
||||
Create an account
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-setlogin or-text">
|
||||
<h4>OR</h4>
|
||||
</div>
|
||||
<div className="form-sociallink">
|
||||
<ul className="d-flex">
|
||||
<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 className="my-4 d-flex justify-content-center align-items-center copyright-text">
|
||||
<p>Copyright © 2023 DreamsPOS. All rights reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div className="login-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/login02.png"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SigninTwo;
|
||||
@@ -0,0 +1,119 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const Profile = () => {
|
||||
return (
|
||||
<div className="page-wrapper">
|
||||
<div className="content">
|
||||
<div className="page-header">
|
||||
<div className="page-title">
|
||||
<h4>Profile</h4>
|
||||
<h6>User Profile</h6>
|
||||
</div>
|
||||
</div>
|
||||
{/* /product list */}
|
||||
<div className="card">
|
||||
<div className="card-body">
|
||||
<div className="profile-set">
|
||||
<div className="profile-head"></div>
|
||||
<div className="profile-top">
|
||||
<div className="profile-content">
|
||||
<div className="profile-contentimg">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/customer/customer5.jpg"
|
||||
alt="img"
|
||||
id="blah"
|
||||
/>
|
||||
<div className="profileupload">
|
||||
<input type="file" id="imgInp" />
|
||||
<Link to="#">
|
||||
<ImageWithBasePath src="assets/img/icons/edit-set.svg" alt="img" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="profile-contentname">
|
||||
<h2>William Castillo</h2>
|
||||
<h4>Updates Your Photo and Personal Details.</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-sm-12">
|
||||
<div className="input-blocks">
|
||||
<label className="form-label">First Name</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
defaultValue="William"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-sm-12">
|
||||
<div className="input-blocks">
|
||||
<label className="form-label">Last Name</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
defaultValue="Castilo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-sm-12">
|
||||
<div className="input-blocks">
|
||||
<label>Email</label>
|
||||
<input
|
||||
type="email"
|
||||
className="form-control"
|
||||
defaultValue="william@example.com"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-sm-12">
|
||||
<div className="input-blocks">
|
||||
<label className="form-label">Phone</label>
|
||||
<input type="text" defaultValue="+1452 876 5432" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-sm-12">
|
||||
<div className="input-blocks">
|
||||
<label className="form-label">User Name</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
defaultValue="William Castilo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-sm-12">
|
||||
<div className="input-blocks">
|
||||
<label className="form-label">Password</label>
|
||||
<div className="pass-group">
|
||||
<input
|
||||
type="password"
|
||||
className="pass-input form-control"
|
||||
/>
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<Link to="#" className="btn btn-submit me-2">
|
||||
Submit
|
||||
</Link>
|
||||
<Link to="#" className="btn btn-cancel">
|
||||
Cancel
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /product list */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Profile;
|
||||
@@ -0,0 +1,132 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const Register = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper register-wrap bg-img">
|
||||
<div className="login-content">
|
||||
<form action="signin">
|
||||
<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>Register</h3>
|
||||
<h4>Create New Dreamspos Account</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Name</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form-control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/user-icon.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Email Address</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form-control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/mail.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-input" />
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Confirm Passworrd</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputs" />
|
||||
<span className="fas toggle-passwords fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login authentication-check">
|
||||
<div className="row">
|
||||
<div className="col-sm-8">
|
||||
<div className="custom-control custom-checkbox justify-content-start">
|
||||
<div className="custom-control custom-checkbox">
|
||||
<label className="checkboxs ps-4 mb-0 pb-0 line-height-1">
|
||||
<input type="checkbox" />
|
||||
<span className="checkmarks" />I agree to the{" "}
|
||||
<Link to="#" className="hover-a">
|
||||
Terms & Privacy
|
||||
</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link to={route.signup} className="btn btn-login">
|
||||
Sign Up
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform">
|
||||
<h4>
|
||||
Already have an account ?{" "}
|
||||
<Link to={route.signin} className="hover-a">
|
||||
Sign In Instead
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-setlogin or-text">
|
||||
<h4>OR</h4>
|
||||
</div>
|
||||
<div className="form-sociallink">
|
||||
<ul className="d-flex">
|
||||
<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 Register;
|
||||
@@ -0,0 +1,132 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const RegisterThree = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper login-new">
|
||||
<div className="login-content user-login">
|
||||
<div className="login-logo">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
</div>
|
||||
<form action="signin-3">
|
||||
<div className="login-userset">
|
||||
<div className="login-userheading">
|
||||
<h3>Register</h3>
|
||||
<h4>Create New Dreamspos Account</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Name</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form-control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/user-icon.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Email Address</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form-control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/mail.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-input" />
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Confirm Passworrd</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputs" />
|
||||
<span className="fas toggle-passwords fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login authentication-check">
|
||||
<div className="row">
|
||||
<div className="col-sm-8">
|
||||
<div className="custom-control custom-checkbox justify-content-start">
|
||||
<div className="custom-control custom-checkbox">
|
||||
<label className="checkboxs ps-4 mb-0 pb-0 line-height-1">
|
||||
<input type="checkbox" />
|
||||
<span className="checkmarks" />I agree to the{" "}
|
||||
<Link to="#" className="hover-a">
|
||||
Terms & Privacy
|
||||
</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link to={route.signin} className="btn btn-login">
|
||||
Sign Up
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform">
|
||||
<h4>
|
||||
Already have an account ?{" "}
|
||||
<Link to={route.signinthree} className="hover-a">
|
||||
Sign In Instead
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-setlogin or-text">
|
||||
<h4>OR</h4>
|
||||
</div>
|
||||
<div className="form-sociallink">
|
||||
<ul className="d-flex">
|
||||
<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>
|
||||
</form>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default RegisterThree;
|
||||
@@ -0,0 +1,141 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const RegisterTwo = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper">
|
||||
<div className="login-content">
|
||||
<form action="signin-2">
|
||||
<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="img"
|
||||
/>
|
||||
</Link>
|
||||
<div className="login-userheading">
|
||||
<h3>Register</h3>
|
||||
<h4>Create New Dreamspos Account</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Name</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form-control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/user-icon.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Email Address</label>
|
||||
<div className="form-addons">
|
||||
<input type="text" className="form-control" />
|
||||
<ImageWithBasePath
|
||||
src="assets/img/icons/mail.svg"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-input" />
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>Confirm Passworrd</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputs" />
|
||||
<span className="fas toggle-passwords fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login authentication-check">
|
||||
<div className="row">
|
||||
<div className="col-sm-8">
|
||||
<div className="custom-control custom-checkbox justify-content-start">
|
||||
<div className="custom-control custom-checkbox">
|
||||
<label className="checkboxs ps-4 mb-0 pb-0 line-height-1">
|
||||
<input type="checkbox" />
|
||||
<span className="checkmarks" />I agree to the{" "}
|
||||
<Link to="#" className="hover-a">
|
||||
Terms & Privacy
|
||||
</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link to={route.signin} className="btn btn-login">
|
||||
Sign Up
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform">
|
||||
<h4>
|
||||
Already have an account ?{" "}
|
||||
<Link to={route.signintwo} className="hover-a">
|
||||
Sign In Instead
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-setlogin or-text">
|
||||
<h4>OR</h4>
|
||||
</div>
|
||||
<div className="form-sociallink">
|
||||
<ul className="d-flex">
|
||||
<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 className="login-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/register02.png"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default RegisterTwo;
|
||||
@@ -0,0 +1,74 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const Resetpassword = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper reset-pass-wrap bg-img">
|
||||
<div className="login-content">
|
||||
<form action="success-3">
|
||||
<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>Reset password?</h3>
|
||||
<h4>
|
||||
Enter New Password & Confirm Password to get inside
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label> Old Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-input" />
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>New Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputs" />
|
||||
<span className="fas toggle-passwords fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label> New Confirm Passworrd</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputa" />
|
||||
<span className="fas toggle-passworda fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link to={route.dashboard} className="btn btn-login">
|
||||
Change Password
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform text-center">
|
||||
<h4>
|
||||
Return to{" "}
|
||||
<Link to={route.signin} className="hover-a">
|
||||
{" "}
|
||||
login{" "}
|
||||
</Link>
|
||||
</h4>
|
||||
</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 Resetpassword;
|
||||
@@ -0,0 +1,74 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const ResetpasswordThree = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper login-new">
|
||||
<div className="login-content user-login">
|
||||
<div className="login-logo">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
</div>
|
||||
<form action="success-3">
|
||||
<div className="login-userset">
|
||||
<div className="login-userheading">
|
||||
<h3>Reset password?</h3>
|
||||
<h4>
|
||||
Enter New Password & Confirm Password to get inside
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label> Old Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-input" />
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>New Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputa" />
|
||||
<span className="fas toggle-passworda fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label> New Confirm Passworrd</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputs" />
|
||||
<span className="fas toggle-passwords fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link to={route.dashboard} className="btn btn-login">
|
||||
Change Password
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform text-center">
|
||||
<h4>
|
||||
Return to{" "}
|
||||
<Link to={route.signinthree} className="hover-a">
|
||||
{" "}
|
||||
login{" "}
|
||||
</Link>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ResetpasswordThree;
|
||||
@@ -0,0 +1,83 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const ResetpasswordTwo = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper bg-img">
|
||||
<div className="login-content">
|
||||
<form action="success-2">
|
||||
<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="img"
|
||||
/>
|
||||
</Link>
|
||||
<div className="login-userheading">
|
||||
<h3>Reset password?</h3>
|
||||
<h4>
|
||||
Enter New Password & Confirm Password to get inside
|
||||
</h4>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label> Old Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-input" />
|
||||
<span className="fas toggle-password fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label>New Password</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputa" />
|
||||
<span className="fas toggle-passworda fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<label> New Confirm Passworrd</label>
|
||||
<div className="pass-group">
|
||||
<input type="password" className="pass-inputs" />
|
||||
<span className="fas toggle-passwords fa-eye-slash" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-login">
|
||||
<Link to={route.dashboard} className="btn btn-login">
|
||||
Change Password
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signinform text-center">
|
||||
<h4>
|
||||
Return to{" "}
|
||||
<Link to={route.signintwo} className="hover-a">
|
||||
{" "}
|
||||
login{" "}
|
||||
</Link>
|
||||
</h4>
|
||||
</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 className="login-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/reset02.png"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ResetpasswordTwo;
|
||||
@@ -0,0 +1,80 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const Twostepverification = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper bg-img">
|
||||
<div className="login-content">
|
||||
<div className="login-userset">
|
||||
<div className="login-userset">
|
||||
<div className="login-logo logo-normal">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
</div>
|
||||
</div>
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
<div className="login-userheading">
|
||||
<h3>Login With Your Email Address</h3>
|
||||
<h4 className="verfy-mail-content">
|
||||
We sent a verification code to your email. Enter the code from
|
||||
the email in the field below
|
||||
</h4>
|
||||
</div>
|
||||
<form action="index" className="digit-group">
|
||||
<div className="wallet-add">
|
||||
<div className="otp-box">
|
||||
<div className="forms-block text-center">
|
||||
<input
|
||||
type="text"
|
||||
id="digit-1"
|
||||
maxLength={1}
|
||||
defaultValue=""
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-2"
|
||||
maxLength={1}
|
||||
defaultValue=""
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-3"
|
||||
maxLength={1}
|
||||
defaultValue=""
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-4"
|
||||
maxLength={1}
|
||||
defaultValue=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="Otp-expire text-center">
|
||||
<p>Otp will expire in 09 :10</p>
|
||||
</div>
|
||||
<div className="form-login mt-4">
|
||||
<Link to={route.dashboard} className="btn btn-login">
|
||||
Verify My Account
|
||||
</Link>
|
||||
</div>
|
||||
</form>
|
||||
<div className="my-4 d-flex justify-content-center align-items-center copyright-text">
|
||||
<p>Copyright © 2023 DreamsPOS. All rights reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Twostepverification;
|
||||
@@ -0,0 +1,78 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const TwostepverificationThree = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper login-new">
|
||||
<div className="login-content user-login">
|
||||
<div className="login-logo">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="login-userset">
|
||||
<div className="login-userheading">
|
||||
<h3>Login With Your Email Address</h3>
|
||||
<h4 className="verfy-mail-content">
|
||||
We sent a verification code to your email. Enter the code from
|
||||
the email in the field below
|
||||
</h4>
|
||||
</div>
|
||||
<form action="index" className="digit-group">
|
||||
<div className="wallet-add">
|
||||
<div className="otp-box">
|
||||
<div className="forms-block text-center">
|
||||
<input
|
||||
type="text"
|
||||
id="digit-1"
|
||||
maxLength={1}
|
||||
defaultValue
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-2"
|
||||
maxLength={1}
|
||||
defaultValue
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-3"
|
||||
maxLength={1}
|
||||
defaultValue
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-4"
|
||||
maxLength={1}
|
||||
defaultValue
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="Otp-expire text-center">
|
||||
<p>Otp will expire in 09 :10</p>
|
||||
</div>
|
||||
<div className="form-login mt-4">
|
||||
<Link to={route.dashboard} className="btn btn-login">
|
||||
Verify My Account
|
||||
</Link>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default TwostepverificationThree;
|
||||
@@ -0,0 +1,86 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../../core/img/imagewithbasebath";
|
||||
import { Link } from "react-router-dom";
|
||||
import { all_routes } from "../../../Router/all_routes";
|
||||
|
||||
const TwostepverificationTwo = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="account-content">
|
||||
<div className="login-wrapper">
|
||||
<div className="login-content">
|
||||
<div className="login-userset">
|
||||
<div className="login-userset">
|
||||
<div className="login-logo logo-normal">
|
||||
<ImageWithBasePath src="assets/img/logo.png" alt="img" />
|
||||
</div>
|
||||
</div>
|
||||
<Link to={route.dashboard} className="login-logo logo-white">
|
||||
<ImageWithBasePath src="assets/img/logo-white.png" alt />
|
||||
</Link>
|
||||
<div className="login-userheading">
|
||||
<h3>Login With Your Email Address</h3>
|
||||
<h4 className="verfy-mail-content">
|
||||
We sent a verification code to your email. Enter the code from
|
||||
the email in the field below
|
||||
</h4>
|
||||
</div>
|
||||
<form action="index" className="digit-group">
|
||||
<div className="wallet-add">
|
||||
<div className="otp-box">
|
||||
<div className="forms-block text-center">
|
||||
<input
|
||||
type="text"
|
||||
id="digit-1"
|
||||
maxLength={1}
|
||||
defaultValue
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-2"
|
||||
maxLength={1}
|
||||
defaultValue
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-3"
|
||||
maxLength={1}
|
||||
defaultValue
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="digit-4"
|
||||
maxLength={1}
|
||||
defaultValue
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="Otp-expire text-center">
|
||||
<p>Otp will expire in 09 :10</p>
|
||||
</div>
|
||||
<div className="form-login mt-4">
|
||||
<button type="submit" className="btn btn-login">
|
||||
Verify My Account
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div className="my-4 d-flex justify-content-center align-items-center copyright-text">
|
||||
<p>Copyright © 2023 DreamsPOS. All rights reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="login-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/step-two.png"
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default TwostepverificationTwo;
|
||||
@@ -0,0 +1,31 @@
|
||||
import React from "react";
|
||||
import ImageWithBasePath from "../../core/img/imagewithbasebath";
|
||||
import { all_routes } from "../../Router/all_routes";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const Undermaintainence = () => {
|
||||
const route = all_routes;
|
||||
return (
|
||||
<div className="main-wrapper">
|
||||
<div className="error-box">
|
||||
<div className="error-img">
|
||||
<ImageWithBasePath
|
||||
src="assets/img/authentication/under-maintenance.png"
|
||||
className="img-fluid"
|
||||
alt
|
||||
/>
|
||||
</div>
|
||||
<h3 className="h2 mb-3">We are Under Maintenance</h3>
|
||||
<p>
|
||||
Sorry for any inconvenience caused, we have almost done Will get back
|
||||
soon!
|
||||
</p>
|
||||
<Link to={route.dashboard} className="btn btn-primary">
|
||||
Back to Dashboard
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Undermaintainence;
|
||||
Reference in New Issue
Block a user