done
This commit is contained in:
omkieit
parent
5052992d3d
commit
ccb1dcbb9e
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -54,8 +54,8 @@
|
|||
<!-- Custom styles for this template-->
|
||||
<link href="css/sb-admin-2.min.css" rel="stylesheet">
|
||||
|
||||
<script type="module" crossorigin src="/assets/index-CTVwB6j6.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-C3G6Dufq.css">
|
||||
<script type="module" crossorigin src="/assets/index-Ta_ndD8p.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-CN6EriED.css">
|
||||
</head>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -58,10 +58,13 @@ const Dashboard = () => {
|
|||
return (
|
||||
<>
|
||||
<Navbar />
|
||||
<br /> <br /> <br />
|
||||
<br /> <br />
|
||||
<div className="d-flex" style={{ margin: "0", padding: "0" }}>
|
||||
{/* Left sidebar */}
|
||||
<div className="col-md-3 p-1" style={{ paddingRight: "2px", margin: "0" }}>
|
||||
<div
|
||||
className="col-md-3 p-1"
|
||||
style={{ paddingRight: "2px", margin: "0" }}
|
||||
>
|
||||
<div className="card card1 p-5">
|
||||
<img
|
||||
className="img-fluid"
|
||||
|
|
@ -88,18 +91,17 @@ const Dashboard = () => {
|
|||
}`}
|
||||
onClick={() => setActiveTab("Userdetails")}
|
||||
>
|
||||
<span className="fa fa-home" style={{ color: "#F74B02" }} />
|
||||
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
|
||||
<span>User Profile</span>
|
||||
</button>
|
||||
|
||||
|
||||
<button
|
||||
className={`btn mt-3 ${
|
||||
activeTab === "FundToInvest" ? "active" : ""
|
||||
}`}
|
||||
onClick={() => setActiveTab("FundToInvest")}
|
||||
>
|
||||
<span className="fa fa-home" style={{ color: "#F74B02" }} />
|
||||
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
|
||||
<span>Fund To Invest</span>
|
||||
</button>
|
||||
|
||||
|
|
@ -109,7 +111,7 @@ const Dashboard = () => {
|
|||
}`}
|
||||
onClick={() => setActiveTab("addProperty")}
|
||||
>
|
||||
<span className="fa fa-home" style={{ color: "#F74B02" }} />
|
||||
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
|
||||
<span>Add Property</span>
|
||||
</button>
|
||||
<button
|
||||
|
|
@ -118,7 +120,7 @@ const Dashboard = () => {
|
|||
}`}
|
||||
onClick={() => setActiveTab("activeProperties")}
|
||||
>
|
||||
<span className="fa fa-home" style={{ color: "#F74B02" }} />
|
||||
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
|
||||
<span>Active Properties</span>
|
||||
</button>
|
||||
|
||||
|
|
@ -128,7 +130,7 @@ const Dashboard = () => {
|
|||
}`}
|
||||
onClick={() => setActiveTab("Fundings Received")}
|
||||
>
|
||||
<span className="fa fa-home" style={{ color: "#F74B02" }} />
|
||||
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
|
||||
<span>Fundings Received</span>
|
||||
</button>
|
||||
|
||||
|
|
@ -138,19 +140,17 @@ const Dashboard = () => {
|
|||
}`}
|
||||
onClick={() => setActiveTab("Offers Submitted")}
|
||||
>
|
||||
<span className="fa fa-home" style={{ color: "#F74B02" }} />
|
||||
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
|
||||
<span>Offers Submitted</span>
|
||||
</button>
|
||||
|
||||
|
||||
|
||||
<button
|
||||
className={`btn mt-3 ${
|
||||
activeTab === "closedProperties" ? "active" : ""
|
||||
}`}
|
||||
onClick={() => setActiveTab("closedProperties")}
|
||||
>
|
||||
<span className="fa fa-home" style={{ color: "#F74B02" }} />
|
||||
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
|
||||
<span>Closed Properties</span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -158,10 +158,13 @@ const Dashboard = () => {
|
|||
</div>
|
||||
|
||||
{/* Main content area */}
|
||||
<div className="col-md-9 p-1" style={{ paddingLeft: "2px", margin: "0" }}>
|
||||
<div
|
||||
className="col-md-9 p-1"
|
||||
style={{ paddingLeft: "2px", margin: "0" }}
|
||||
>
|
||||
<div className="card card2 p-2">
|
||||
<span>
|
||||
<br />
|
||||
<br /> <br />
|
||||
Welcome to{" "}
|
||||
<span style={{ color: "#067ADC" }}>
|
||||
<NavLink
|
||||
|
|
@ -172,7 +175,6 @@ const Dashboard = () => {
|
|||
{user.result.middleName} {user.result.lastName}
|
||||
</NavLink>
|
||||
</span>
|
||||
|
||||
<span style={{ color: "#067ADC" }}>
|
||||
<NavLink
|
||||
to={`/addproperty`}
|
||||
|
|
@ -181,34 +183,57 @@ const Dashboard = () => {
|
|||
add
|
||||
</NavLink>
|
||||
</span>
|
||||
|
||||
|
||||
</span>
|
||||
{activeTab === "dashboard" && (
|
||||
<>
|
||||
<br />
|
||||
<div className="banner_taital">
|
||||
<h1 style={{ color: "#fda417", fontSize: "30px",
|
||||
<h1
|
||||
style={{
|
||||
color: "#fda417",
|
||||
fontSize: "30px",
|
||||
padding: "10px",
|
||||
fontWeight: "normal" }} className="services_taital">
|
||||
Now you are accessing the world's only portal which has Streamlined the
|
||||
<h1 style={{ fontSize: "30px",
|
||||
fontWeight: "normal",
|
||||
}}
|
||||
className="services_taital"
|
||||
>
|
||||
Now you are accessing the world's only portal which has
|
||||
Streamlined the
|
||||
<h1
|
||||
style={{
|
||||
fontSize: "30px",
|
||||
padding: "10px",
|
||||
fontWeight: "normal" }}> investor-borrower interactions, </h1>
|
||||
|
||||
fontWeight: "normal",
|
||||
}}
|
||||
>
|
||||
{" "}
|
||||
investor-borrower interactions,{" "}
|
||||
</h1>
|
||||
<h1 className="services_taital" style={{color: "#fda417",fontSize: "30px",
|
||||
padding: "10px",
|
||||
fontWeight: "normal" }} >
|
||||
gaining complete visibility
|
||||
into your data, and using smart filters to
|
||||
<h1 className="services_taital" style={{fontSize: "30px",
|
||||
padding: "10px",
|
||||
fontWeight: "normal" }} >create automatic
|
||||
workflows{" "}</h1>
|
||||
|
||||
</h1>
|
||||
<br /> <br /> <br /> <br /> <br /><br />
|
||||
<h1
|
||||
className="services_taital"
|
||||
style={{
|
||||
color: "#fda417",
|
||||
fontSize: "30px",
|
||||
padding: "10px",
|
||||
fontWeight: "normal",
|
||||
}}
|
||||
>
|
||||
gaining complete visibility into your data, and using smart
|
||||
filters to
|
||||
<h1
|
||||
className="services_taital"
|
||||
style={{
|
||||
fontSize: "30px",
|
||||
padding: "10px",
|
||||
fontWeight: "normal",
|
||||
}}
|
||||
>
|
||||
create automatic workflows{" "}
|
||||
</h1>
|
||||
</h1>
|
||||
<br /> <br /> <br /> <br /> <br />
|
||||
<br />
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -118,8 +118,13 @@ const Home = () => {
|
|||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-sm-12">
|
||||
<h1 className="services_taital">Our Services</h1>
|
||||
<p className="services_text_1">
|
||||
{/* <h1 className="services_taital">Our Services</h1> */}
|
||||
<p className="services_text_1" style={{
|
||||
|
||||
fontSize: "30px",
|
||||
padding: "10px",
|
||||
fontWeight: "bold",
|
||||
}}>
|
||||
your documents, always and immediately within reach
|
||||
</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -40,8 +40,7 @@ const Login = () => {
|
|||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<section
|
||||
className="py-19 py-md-5 py-xl-8"
|
||||
style={{ minHeight: "100vh", backgroundColor: "#FFFFFF" }}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ const Navbar = () => {
|
|||
};
|
||||
|
||||
return (
|
||||
<div
|
||||
<nav
|
||||
className="navbar navbar-expand-lg w-100"
|
||||
style={{
|
||||
backgroundColor: "#000000",
|
||||
|
|
@ -27,9 +27,9 @@ const Navbar = () => {
|
|||
zIndex: 1000,
|
||||
}}
|
||||
>
|
||||
|
||||
<div className="container-fluid d-flex align-items-center justify-content-between">
|
||||
<div className="container-fluid">
|
||||
<div className="d-flex align-items-center">
|
||||
{/* Logo Section */}
|
||||
{/* <img src={logo} alt="logo" width="75" height="75" className="img-fluid" /> */}
|
||||
<p
|
||||
style={{
|
||||
|
|
@ -44,9 +44,26 @@ const Navbar = () => {
|
|||
</p>
|
||||
</div>
|
||||
|
||||
<div className="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul className="navbar-nav ml-auto">
|
||||
<li className="nav-item active">
|
||||
{/* Toggler Button for Small Screens */}
|
||||
<button
|
||||
className="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
style={{ borderColor: "#fda417" }}
|
||||
>
|
||||
<span className="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div
|
||||
className="collapse navbar-collapse justify-content-end"
|
||||
id="navbarNav"
|
||||
>
|
||||
<ul className="navbar-nav">
|
||||
<li className="nav-item">
|
||||
<NavLink
|
||||
to="/"
|
||||
className="nav-link"
|
||||
|
|
@ -60,7 +77,11 @@ const Navbar = () => {
|
|||
</NavLink>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<NavLink to="/services" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
|
||||
<NavLink
|
||||
to="/services"
|
||||
className="nav-link"
|
||||
style={{ fontSize: "20px", fontWeight: "normal" }}
|
||||
>
|
||||
Services
|
||||
</NavLink>
|
||||
</li>
|
||||
|
|
@ -78,7 +99,11 @@ const Navbar = () => {
|
|||
</NavLink>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<NavLink to="/about" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
|
||||
<NavLink
|
||||
to="/about"
|
||||
className="nav-link"
|
||||
style={{ fontSize: "20px", fontWeight: "normal" }}
|
||||
>
|
||||
About
|
||||
</NavLink>
|
||||
</li>
|
||||
|
|
@ -96,13 +121,17 @@ const Navbar = () => {
|
|||
</NavLink>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<NavLink to="/contact" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
|
||||
<NavLink
|
||||
to="/contact"
|
||||
className="nav-link"
|
||||
style={{ fontSize: "20px", fontWeight: "normal" }}
|
||||
>
|
||||
Contact
|
||||
</NavLink>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div className="navbar-right">
|
||||
<div className="navbar-right d-flex">
|
||||
{user?.result?._id ? (
|
||||
<>
|
||||
<NavLink
|
||||
|
|
@ -150,16 +179,12 @@ const Navbar = () => {
|
|||
>
|
||||
Login
|
||||
</NavLink>
|
||||
|
||||
</>
|
||||
)}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -118,9 +118,7 @@ const Register = () => {
|
|||
<Navbar />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<section
|
||||
className="card"
|
||||
style={{ minHeight: "100vh", backgroundColor: "#FFFFFF" }}
|
||||
|
|
@ -167,9 +165,9 @@ const Register = () => {
|
|||
<div className="col-12">
|
||||
<div className="mb-4">
|
||||
<h2 className="h3">Registration</h2>
|
||||
<h3 style={{ color: "red" }}>
|
||||
<h6 style={{ color: "red" }}>
|
||||
All fields are mandatory to enable "Sign up"
|
||||
</h3>
|
||||
</h6>
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -29,3 +29,37 @@
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* Style the hamburger icon */
|
||||
.navbar-toggler-icon {
|
||||
background-image: none; /* Remove the default icon */
|
||||
display: block;
|
||||
width: 10px; /* Adjust the size of the icon */
|
||||
height: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.navbar-toggler-icon::before,
|
||||
.navbar-toggler-icon::after,
|
||||
.navbar-toggler-icon div {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2px; /* Thickness of the lines */
|
||||
background-color: #fda417; /* Yellow color */
|
||||
border-radius: 2px; /* Rounded edges */
|
||||
}
|
||||
|
||||
.navbar-toggler-icon::before {
|
||||
top: 0; /* Position the top line */
|
||||
}
|
||||
|
||||
.navbar-toggler-icon div {
|
||||
top: 50%; /* Position the middle line */
|
||||
transform: translateY(-50%); /* Center the middle line */
|
||||
}
|
||||
|
||||
.navbar-toggler-icon::after {
|
||||
bottom: 0; /* Position the bottom line */
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue