done
This commit is contained in:
omkieit
parent
541cf63eba
commit
ef5ec06c73
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
|||
:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 334 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -27,8 +27,8 @@
|
|||
<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-A1qbMXnH.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BPvgi06w.css">
|
||||
<script type="module" crossorigin src="/assets/index-CvZ9ops1.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-CyAHZLBw.css">
|
||||
</head>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -9,8 +9,10 @@
|
|||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"ef-ui": "file:",
|
||||
"react": "^19.0.0-rc-f90a6bcc-20240827",
|
||||
"react-dom": "^19.0.0-rc-f90a6bcc-20240827",
|
||||
"primeicons": "^7.0.0",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-icons": "^5.3.0",
|
||||
"react-router-dom": "^6.26.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
@ -2200,7 +2202,6 @@
|
|||
},
|
||||
"node_modules/js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/js-yaml": {
|
||||
|
|
@ -2306,7 +2307,6 @@
|
|||
},
|
||||
"node_modules/loose-envify": {
|
||||
"version": "1.4.0",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"js-tokens": "^3.0.0 || ^4.0.0"
|
||||
|
|
@ -2580,6 +2580,12 @@
|
|||
"node": ">= 0.8.0"
|
||||
}
|
||||
},
|
||||
"node_modules/primeicons": {
|
||||
"version": "7.0.0",
|
||||
"resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
|
||||
"integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/prop-types": {
|
||||
"version": "15.8.1",
|
||||
"dev": true,
|
||||
|
|
@ -2618,24 +2624,37 @@
|
|||
"license": "MIT"
|
||||
},
|
||||
"node_modules/react": {
|
||||
"version": "19.0.0-rc-fb9a90fa48-20240614",
|
||||
"resolved": "https://registry.npmjs.org/react/-/react-19.0.0-rc-fb9a90fa48-20240614.tgz",
|
||||
"integrity": "sha512-nvE3Gy+IOIfH/DXhkyxFVQSrITarFcQz4+shzC/McxQXEUSonpw2oDy/Wi9hdDtV3hlP12VYuDL95iiBREedNQ==",
|
||||
"version": "18.3.1",
|
||||
"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
|
||||
"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"loose-envify": "^1.1.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/react-dom": {
|
||||
"version": "19.0.0-rc-fb9a90fa48-20240614",
|
||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0-rc-fb9a90fa48-20240614.tgz",
|
||||
"integrity": "sha512-PoEsPe32F7KPLYOBvZfjylEI1B67N44PwY3lyvpmBkhlluLnLz0jH8q2Wg9YidAi6z0k3iUnNRm5x10wurzt9Q==",
|
||||
"version": "18.3.1",
|
||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
|
||||
"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"scheduler": "0.25.0-rc-fb9a90fa48-20240614"
|
||||
"loose-envify": "^1.1.0",
|
||||
"scheduler": "^0.23.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "19.0.0-rc-fb9a90fa48-20240614"
|
||||
"react": "^18.3.1"
|
||||
}
|
||||
},
|
||||
"node_modules/react-icons": {
|
||||
"version": "5.3.0",
|
||||
"resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz",
|
||||
"integrity": "sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"react": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/react-is": {
|
||||
|
|
@ -2843,10 +2862,13 @@
|
|||
}
|
||||
},
|
||||
"node_modules/scheduler": {
|
||||
"version": "0.25.0-rc-fb9a90fa48-20240614",
|
||||
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0-rc-fb9a90fa48-20240614.tgz",
|
||||
"integrity": "sha512-HHqQ/SqbeiDfXXVKgNxTpbQTD4n7IUb4hZATvHjp03jr3TF7igehCyHdOjeYTrzIseLO93cTTfSb5f4qWcirMQ==",
|
||||
"license": "MIT"
|
||||
"version": "0.23.2",
|
||||
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
|
||||
"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"loose-envify": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/semver": {
|
||||
"version": "6.3.1",
|
||||
|
|
|
|||
|
|
@ -11,8 +11,10 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"ef-ui": "file:",
|
||||
"react": "^19.0.0-rc-f90a6bcc-20240827",
|
||||
"react-dom": "^19.0.0-rc-f90a6bcc-20240827",
|
||||
"primeicons": "^7.0.0",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-icons": "^5.3.0",
|
||||
"react-router-dom": "^6.26.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
|
|||
import Home from "./components/Home";
|
||||
import About from "./components/About";
|
||||
import Contact from "./components/Contact";
|
||||
import Register from "./components/Register";
|
||||
|
||||
|
||||
const App = () => {
|
||||
|
|
@ -11,6 +12,7 @@ const App = () => {
|
|||
<Route path="/" element={<Home />}></Route>
|
||||
<Route path="/about" element={<About />}></Route>
|
||||
<Route path="/contact" element={<Contact/>}></Route>
|
||||
<Route path="/register" element={<Register/>}></Route>
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -9,8 +9,11 @@ const About = () => {
|
|||
|
||||
<Navbar />
|
||||
|
||||
|
||||
<div className="about_section layout_padding">
|
||||
<br /> <br /> <br />
|
||||
<div className="container">
|
||||
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<h1 className="about_taital">About Us</h1>
|
||||
|
|
@ -39,6 +42,8 @@ const About = () => {
|
|||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -23,12 +23,12 @@ const Home = () => {
|
|||
<div className="col-sm-12">
|
||||
<div className="banner_taital_main">
|
||||
<h1 className="banner_taital">
|
||||
BUILDER CONSTRUCTION SERVICES
|
||||
Reinventing real estate
|
||||
investment
|
||||
</h1>
|
||||
<p className="banner_text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit, sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna{" "}
|
||||
Owners/operators, and real estate investment firms to excel in what they do best: finding new opportunities
|
||||
{" "}
|
||||
</p>
|
||||
<div className="btn_main">
|
||||
<div className="started_text active">
|
||||
|
|
@ -49,12 +49,10 @@ const Home = () => {
|
|||
<div className="col-sm-12">
|
||||
<div className="banner_taital_main">
|
||||
<h1 className="banner_taital">
|
||||
BUILDER CONSTRUCTION SERVICES
|
||||
streamline investment management
|
||||
</h1>
|
||||
<p className="banner_text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit, sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna{" "}
|
||||
Best possible experience to our customers and their investors.{" "}
|
||||
</p>
|
||||
<div className="btn_main">
|
||||
<div className="started_text active">
|
||||
|
|
@ -75,12 +73,10 @@ const Home = () => {
|
|||
<div className="col-sm-12">
|
||||
<div className="banner_taital_main">
|
||||
<h1 className="banner_taital">
|
||||
BUILDER CONSTRUCTION SERVICES
|
||||
Increase your efficiency and security
|
||||
</h1>
|
||||
<p className="banner_text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit, sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna{" "}
|
||||
All-in-one real estate investment management platform with 100% security tools{" "}
|
||||
</p>
|
||||
<div className="btn_main">
|
||||
<div className="started_text active">
|
||||
|
|
@ -125,8 +121,7 @@ const Home = () => {
|
|||
<div className="col-sm-12">
|
||||
<h1 className="services_taital">Our Services</h1>
|
||||
<p className="services_text_1">
|
||||
ssages of Lorem Ipsum available, but the majority have
|
||||
suffered alteration
|
||||
your documents, always and immediately within reach
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -137,11 +132,11 @@ const Home = () => {
|
|||
<div className="service_img">
|
||||
<img src="images/icon-1.png" />
|
||||
</div>
|
||||
<h4 className="development_text">Construction Services</h4>
|
||||
<span className="pi pi-user" style={{ color: "#F74B02" }}></span>
|
||||
<h4 className="development_text">Dedication Services</h4>
|
||||
<p className="services_text">
|
||||
fact that a reader will be distracted by the readable
|
||||
content of a page when looking at its layout. The point of
|
||||
using L
|
||||
Real estate investing even on a very small scale remains a tried and true means of building and
|
||||
individual cash flow and wealth
|
||||
</p>
|
||||
<div className="readmore_bt">
|
||||
<a href="#">Read More</a>
|
||||
|
|
@ -153,11 +148,9 @@ const Home = () => {
|
|||
<div className="service_img">
|
||||
<img src="images/icon-2.png" />
|
||||
</div>
|
||||
<h4 className="development_text">Building Modeling</h4>
|
||||
<h4 className="development_text">Building work Reports</h4>
|
||||
<p className="services_text">
|
||||
fact that a reader will be distracted by the readable
|
||||
content of a page when looking at its layout. The point of
|
||||
using L
|
||||
Deliver all the reports your investors need. Eliminate manual work and human errors with automatic distribution and allocation
|
||||
</p>
|
||||
<div className="readmore_bt">
|
||||
<a href="#">Read More</a>
|
||||
|
|
@ -169,11 +162,10 @@ const Home = () => {
|
|||
<div className="service_img">
|
||||
<img src="images/icon-3.png" />
|
||||
</div>
|
||||
<h4 className="development_text">Pre construction</h4>
|
||||
<h4 className="development_text">Reporting continuously</h4>
|
||||
<p className="services_text">
|
||||
fact that a reader will be distracted by the readable
|
||||
content of a page when looking at its layout. The point of
|
||||
using L
|
||||
Streamlining investor interactions,
|
||||
gaining complete visibility into your data, and using smart filters to create automatic workflows
|
||||
</p>
|
||||
<div className="readmore_bt">
|
||||
<a href="#">Read More</a>
|
||||
|
|
@ -185,11 +177,9 @@ const Home = () => {
|
|||
<div className="service_img">
|
||||
<img src="images/icon-4.png" />
|
||||
</div>
|
||||
<h4 className="development_text">Management</h4>
|
||||
<h4 className="development_text">Manage your investment </h4>
|
||||
<p className="services_text">
|
||||
fact that a reader will be distracted by the readable
|
||||
content of a page when looking at its layout. The point of
|
||||
using L
|
||||
We offer a comprehensive set of tools and services to fully facilitate all your real estate investment management needs
|
||||
</p>
|
||||
<div className="readmore_bt">
|
||||
<a href="#">Read More</a>
|
||||
|
|
|
|||
|
|
@ -82,7 +82,10 @@ const Navbar = () => {
|
|||
</ul>
|
||||
</div>
|
||||
<div className="quote_btn">
|
||||
<a href="#">Get A Quote</a>
|
||||
<NavLink to="/register" className="nav-link">
|
||||
Register
|
||||
</NavLink>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,186 @@
|
|||
import "../register.css";
|
||||
import Footer from "./Footer";
|
||||
import Navbar from "./Navbar";
|
||||
|
||||
import 'primeicons/primeicons.css';
|
||||
|
||||
|
||||
const Register = () => {
|
||||
return (
|
||||
<>
|
||||
<Navbar />
|
||||
<br /><br /><br /><br /><br />
|
||||
<section
|
||||
className="py-19 py-md-5 py-xl-8"
|
||||
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-6 col-xl-20 text-center text-md-start">
|
||||
<span className="pi pi-dollar" style={{ fontSize: '5rem', color:"#fda417" }} />
|
||||
<div className="text-bg-primary">
|
||||
<div className="px-4">
|
||||
<hr className="border-primary-subtle mb-4" />
|
||||
<h2 className="h1 mb-4">
|
||||
Empower your investors
|
||||
</h2>
|
||||
<p className="lead mb-5">
|
||||
A beautiful, easy-to-use, and secure Investor Portal that gives your investors everything they may need
|
||||
</p>
|
||||
<div className="text-endx">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={48}
|
||||
height={48}
|
||||
fill="currentColor"
|
||||
className="bi bi-grip-horizontal"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path d="M2 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12 col-md-6 col-xl-5">
|
||||
<div className="card border-0 rounded-4 shadow-lg" style={{ width: "100%" }}>
|
||||
<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">Registration</h2>
|
||||
<h3 className="fs-6 fw-normal text-secondary m-0">
|
||||
Enter your details to register
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form action="#!">
|
||||
<div className="row gy-3 overflow-hidden">
|
||||
<div className="col-12">
|
||||
<div className="form-floating mb-3">
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
name="firstName"
|
||||
id="firstName"
|
||||
placeholder="First Name"
|
||||
required
|
||||
/>
|
||||
<label htmlFor="firstName" className="form-label">
|
||||
First Name
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="form-floating mb-3">
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
name="lastName"
|
||||
id="lastName"
|
||||
placeholder="Last Name"
|
||||
required
|
||||
/>
|
||||
<label htmlFor="lastName" className="form-label">
|
||||
Last Name
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="form-floating mb-3">
|
||||
<input
|
||||
type="email"
|
||||
className="form-control"
|
||||
name="email"
|
||||
id="email"
|
||||
placeholder="name@example.com"
|
||||
required
|
||||
/>
|
||||
<label htmlFor="email" className="form-label">
|
||||
Email
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="form-floating mb-3">
|
||||
<input
|
||||
type="password"
|
||||
className="form-control"
|
||||
name="password"
|
||||
id="password"
|
||||
placeholder="Password"
|
||||
required
|
||||
/>
|
||||
<label htmlFor="password" className="form-label">
|
||||
Password
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
name="iAgree"
|
||||
id="iAgree"
|
||||
required
|
||||
/>
|
||||
<label
|
||||
className="form-check-label text-secondary"
|
||||
htmlFor="iAgree"
|
||||
>
|
||||
I agree to the{" "}
|
||||
<a
|
||||
href="#!"
|
||||
className="link-primary text-decoration-none"
|
||||
>
|
||||
terms and conditions
|
||||
</a>
|
||||
</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" }}
|
||||
|
||||
>
|
||||
Sign up
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<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>
|
||||
</section>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Register;
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
<link rel="stylesheet" href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://unpkg.com/bs-brain@2.0.4/components/registrations/registration-9/assets/css/registration-9.css">
|
||||
Loading…
Reference in New Issue