done
This commit is contained in:
omkieit
parent
ef5ec06c73
commit
ba1459d23a
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-CvZ9ops1.js"></script>
|
||||
<script type="module" crossorigin src="/assets/index-XsVNmNlQ.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-CyAHZLBw.css">
|
||||
</head>
|
||||
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
"name": "ef-ui",
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"@fortawesome/react-fontawesome": "^0.2.2",
|
||||
"ef-ui": "file:",
|
||||
"primeicons": "^7.0.0",
|
||||
"react": "^18.3.1",
|
||||
|
|
@ -484,6 +485,42 @@
|
|||
"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@fortawesome/fontawesome-common-types": {
|
||||
"version": "6.6.0",
|
||||
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.6.0.tgz",
|
||||
"integrity": "sha512-xyX0X9mc0kyz9plIyryrRbl7ngsA9jz77mCZJsUkLl+ZKs0KWObgaEBoSgQiYWAsSmjz/yjl0F++Got0Mdp4Rw==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/@fortawesome/fontawesome-svg-core": {
|
||||
"version": "6.6.0",
|
||||
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.6.0.tgz",
|
||||
"integrity": "sha512-KHwPkCk6oRT4HADE7smhfsKudt9N/9lm6EJ5BVg0tD1yPA5hht837fB87F8pn15D8JfTqQOjhKTktwmLMiD7Kg==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-common-types": "6.6.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/@fortawesome/react-fontawesome": {
|
||||
"version": "0.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.2.tgz",
|
||||
"integrity": "sha512-EnkrprPNqI6SXJl//m29hpaNzOp1bruISWaOiRtkMi/xSvHJlzc2j2JAYS7egxt/EbjSNV/k6Xy0AQI6vB2+1g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"prop-types": "^15.8.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@fortawesome/fontawesome-svg-core": "~1 || ~6",
|
||||
"react": ">=16.3"
|
||||
}
|
||||
},
|
||||
"node_modules/@humanwhocodes/module-importer": {
|
||||
"version": "1.0.1",
|
||||
"dev": true,
|
||||
|
|
@ -2368,7 +2405,6 @@
|
|||
},
|
||||
"node_modules/object-assign": {
|
||||
"version": "4.1.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
|
|
@ -2588,7 +2624,6 @@
|
|||
},
|
||||
"node_modules/prop-types": {
|
||||
"version": "15.8.1",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"loose-envify": "^1.4.0",
|
||||
|
|
@ -2659,7 +2694,6 @@
|
|||
},
|
||||
"node_modules/react-is": {
|
||||
"version": "16.13.1",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/react-refresh": {
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/react-fontawesome": "^0.2.2",
|
||||
"ef-ui": "file:",
|
||||
"primeicons": "^7.0.0",
|
||||
"react": "^18.3.1",
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import Home from "./components/Home";
|
|||
import About from "./components/About";
|
||||
import Contact from "./components/Contact";
|
||||
import Register from "./components/Register";
|
||||
import Login from "./components/Login";
|
||||
|
||||
|
||||
const App = () => {
|
||||
|
|
@ -13,6 +14,7 @@ const App = () => {
|
|||
<Route path="/about" element={<About />}></Route>
|
||||
<Route path="/contact" element={<Contact/>}></Route>
|
||||
<Route path="/register" element={<Register/>}></Route>
|
||||
<Route path="/login" element={<Login/>}></Route>
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -132,7 +132,6 @@ const Home = () => {
|
|||
<div className="service_img">
|
||||
<img src="images/icon-1.png" />
|
||||
</div>
|
||||
<span className="pi pi-user" style={{ color: "#F74B02" }}></span>
|
||||
<h4 className="development_text">Dedication Services</h4>
|
||||
<p className="services_text">
|
||||
Real estate investing even on a very small scale remains a tried and true means of building and
|
||||
|
|
|
|||
|
|
@ -0,0 +1,154 @@
|
|||
import Footer from "./Footer";
|
||||
import Navbar from "./Navbar";
|
||||
|
||||
const Login = () => {
|
||||
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">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div className="text-bg-primary">
|
||||
<div className="px-4">
|
||||
<hr className="border-primary-subtle mb-4" />
|
||||
|
||||
<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">Please Login</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form action="#!">
|
||||
<div className="row gy-3 overflow-hidden">
|
||||
<div className="col-12">
|
||||
|
||||
</div>
|
||||
<div className="col-12">
|
||||
|
||||
</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"
|
||||
>
|
||||
Remember me{" "}
|
||||
|
||||
</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 In
|
||||
</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">
|
||||
Don't have an account?{" "}
|
||||
<a
|
||||
href="#!"
|
||||
className="link-primary text-decoration-none"
|
||||
>
|
||||
Register
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-12"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Footer />
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Login
|
||||
|
|
@ -72,7 +72,9 @@ const Navbar = () => {
|
|||
<div className="login_text">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Login</a>
|
||||
<NavLink to="/login" className="nav-link">
|
||||
Login
|
||||
</NavLink>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
import "../register.css";
|
||||
import Footer from "./Footer";
|
||||
import Navbar from "./Navbar";
|
||||
|
||||
import 'primeicons/primeicons.css';
|
||||
|
||||
|
||||
|
||||
|
||||
const Register = () => {
|
||||
return (
|
||||
<>
|
||||
|
|
@ -18,6 +18,10 @@ const Register = () => {
|
|||
<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" />
|
||||
|
|
|
|||
Loading…
Reference in New Issue