100 lines
7.1 KiB
JavaScript
100 lines
7.1 KiB
JavaScript
import Link from "next/link"
|
|
export default function Home() {
|
|
|
|
return (
|
|
<>
|
|
|
|
<div id="page" className="page font--jakarta">
|
|
{/* SIGN UP PAGE
|
|
============================================= */}
|
|
<div id="signup" className="bg--scroll login-section division">
|
|
<div className="container">
|
|
<div className="row justify-content-center">
|
|
{/* REGISTER PAGE WRAPPER */}
|
|
<div className="col-lg-11">
|
|
<div className="register-page-wrapper r-16 bg--fixed">
|
|
<div className="row">
|
|
{/* SIGN UP FORM */}
|
|
<div className="col-md-6">
|
|
<div className="register-page-form">
|
|
<form name="signupform" className="row sign-up-form">
|
|
{/* Google Button */}
|
|
<div className="col-md-12">
|
|
<Link href="#" className="btn btn-google ico-left">
|
|
<img src="/images/png_icons/google.png" alt="google-icon" /> Sign up with Google
|
|
</Link>
|
|
</div>
|
|
{/* Login Separator */}
|
|
<div className="col-md-12 text-center">
|
|
<div className="separator-line">Or, sign up with your email</div>
|
|
</div>
|
|
{/* Form Input */}
|
|
<div className="col-md-12">
|
|
<p className="p-sm input-header">Full name</p>
|
|
<input className="form-control name" type="text" name="name" placeholder="John Doe" />
|
|
</div>
|
|
{/* Form Input */}
|
|
<div className="col-md-12">
|
|
<p className="p-sm input-header">Email address</p>
|
|
<input className="form-control email" type="email" name="email" placeholder="example@example.com" />
|
|
</div>
|
|
{/* Form Input */}
|
|
<div className="col-md-12">
|
|
<p className="p-sm input-header">Password</p>
|
|
<div className="wrap-input">
|
|
<span className="btn-show-pass ico-20"><span className="flaticon-visibility eye-pass" /></span>
|
|
<input className="form-control password" type="password" name="password" placeholder="min 8 characters" />
|
|
</div>
|
|
</div>
|
|
{/* Checkbox */}
|
|
<div className="col-md-12">
|
|
<div className="form-data">
|
|
<span>By clicking “Create Account”, you agree to our
|
|
<Link href="/terms">Terms</Link> and that you have read our
|
|
<Link href="/privacy"> Privacy Policy</Link>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{/* Form Submit Button */}
|
|
<div className="col-md-12">
|
|
<button type="submit" className="btn btn--theme hover--theme submit">Create Account</button>
|
|
</div>
|
|
{/* Log In Link */}
|
|
<div className="col-md-12">
|
|
<p className="create-account text-center">
|
|
Already have an account? <Link href="/login-2" className="color--theme">Log in</Link>
|
|
</p>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> {/* END SIGN UP FORM */}
|
|
{/* SIGN UP PAGE TEXT */}
|
|
<div className="col-md-6">
|
|
<div className="register-page-txt color--white">
|
|
{/* Section ID */}
|
|
<span className="section-id">Start for free</span>
|
|
{/* Title */}
|
|
<h2 className="s-48 w-700">Create</h2>
|
|
<h2 className="s-48 w-700">an account</h2>
|
|
{/* Text */}
|
|
<p className="p-md mt-25">Integer congue sagittis and velna augue egestas magna
|
|
suscipit purus aliquam
|
|
</p>
|
|
{/* Copyright */}
|
|
<div className="register-page-copyright">
|
|
<p className="p-sm">© 2023 Martex. <span>All Rights Reserved</span></p>
|
|
</div>
|
|
</div>
|
|
</div> {/* END SIGN UP PAGE TEXT */}
|
|
</div> {/* End row */}
|
|
</div> {/* End register-page-wrapper */}
|
|
</div> {/* END REGISTER PAGE WRAPPER */}
|
|
</div> {/* End row */}
|
|
</div> {/* End container */}
|
|
</div> {/* END SIGN UP PAGE */}
|
|
</div>
|
|
|
|
|
|
</>
|
|
)
|
|
} |