This commit is contained in:
omkieit 2024-11-17 21:21:02 +05:30
parent f76471acd4
commit 5052992d3d
8 changed files with 239 additions and 493 deletions

File diff suppressed because one or more lines are too long

1
ef-ui/dist/assets/index-C3G6Dufq.css vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -54,8 +54,8 @@
<!-- Custom styles for this template--> <!-- Custom styles for this template-->
<link href="css/sb-admin-2.min.css" rel="stylesheet"> <link href="css/sb-admin-2.min.css" rel="stylesheet">
<script type="module" crossorigin src="/assets/index-5yOgQru8.js"></script> <script type="module" crossorigin src="/assets/index-CTVwB6j6.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BH_0_em5.css"> <link rel="stylesheet" crossorigin href="/assets/index-C3G6Dufq.css">
</head> </head>

View File

@ -1,85 +1,88 @@
import Footer from "./Footer"; import Footer from "./Footer";
import Navbar from "./Navbar"; import Navbar from "./Navbar";
import "../home.css";
const Home = () => { const Home = () => {
return ( return (
<> <>
<Navbar /> <Navbar />
<br /> <br /> <br /> <br /> <br />
<div> <div className="header_section">
<div className="header_section"> <div className="banner_section layout_padding">
<div className="banner_section layout_padding"> <div id="my_slider" className="carousel slide" data-ride="carousel">
<div id="my_slider" className="carousel slide" data-ride="carousel"> <div className="carousel-inner">
<div className="carousel-inner"> <div className="carousel-item active">
<div className="carousel-item active"> <div className="slider-image-container">
<div className="container"> {/* <img src="/images/banner-bg.png" alt="Banner Background" /> */}
<div className="row"> </div>
<div className="col-sm-12"> <div className="container">
<div className="banner_taital_main"> <div className="row">
<h1 className="banner_taital"> <div className="col-sm-12">
Reinventing real estate <div className="banner_taital_main">
investment <h1 className="banner_taital">
</h1> Reinventing real estate investment
<p className="banner_text"> </h1>
Owners/operators, and real estate investment firms to excel in what they do best: finding new opportunities <p className="banner_text">
{" "} Owners/operators, and real estate investment firms to
</p> excel in what they do best: finding new opportunities
<div className="btn_main"> </p>
<div className="started_text active"> <div className="btn_main">
<a href="#">Contact US</a> <div className="started_text active">
</div> <a href="#">Contact US</a>
<div className="started_text"> </div>
<a href="#">About Us</a> <div className="started_text">
</div> <a href="#">About Us</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div className="carousel-item"> </div>
<div className="container">
<div className="row"> <div className="carousel-item">
<div className="col-sm-12"> <div className="container">
<div className="banner_taital_main"> <div className="row">
<h1 className="banner_taital"> <div className="col-sm-12">
<div className="banner_taital_main">
<h1 className="banner_taital">
streamline investment management streamline investment management
</h1> </h1>
<p className="banner_text"> <p className="banner_text">
Best possible experience to our customers and their investors.{" "} Best possible experience to our customers and their
</p> investors.{" "}
<div className="btn_main"> </p>
<div className="started_text active"> <div className="btn_main">
<a href="#">Contact US</a> <div className="started_text active">
</div> <a href="#">Contact US</a>
<div className="started_text"> </div>
<a href="#">About Us</a> <div className="started_text">
</div> <a href="#">About Us</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div className="carousel-item"> </div>
<div className="container"> <div className="carousel-item">
<div className="row"> <div className="container">
<div className="col-sm-12"> <div className="row">
<div className="banner_taital_main"> <div className="col-sm-12">
<h1 className="banner_taital"> <div className="banner_taital_main">
<h1 className="banner_taital">
Increase your efficiency and security Increase your efficiency and security
</h1> </h1>
<p className="banner_text"> <p className="banner_text">
All-in-one real estate investment management platform with 100% security tools{" "} All-in-one real estate investment management platform
</p> with 100% security tools{" "}
<div className="btn_main"> </p>
<div className="started_text active"> <div className="btn_main">
<a href="#">Contact US</a> <div className="started_text active">
</div> <a href="#">Contact US</a>
<div className="started_text"> </div>
<a href="#">About Us</a> <div className="started_text">
</div> <a href="#">About Us</a>
</div> </div>
</div> </div>
</div> </div>
@ -87,436 +90,114 @@ const Home = () => {
</div> </div>
</div> </div>
</div> </div>
<a
className="carousel-control-prev"
href="#my_slider"
role="button"
data-slide="prev"
>
<i className="fa fa-angle-left" />
</a>
<a
className="carousel-control-next"
href="#my_slider"
role="button"
data-slide="next"
>
<i className="fa fa-angle-right" />
</a>
</div>
</div>
{/* banner section end */}
</div>
{/* header section end */}
{/* services section start */}
<div className="services_section layout_padding">
<div className="container-fluid">
<div className="row">
<div className="col-sm-12">
<h1 className="services_taital">Our Services</h1>
<p className="services_text_1">
your documents, always and immediately within reach
</p>
</div>
</div>
<div className="services_section_2">
<div className="row">
<div className="col-lg-3 col-sm-6">
<div className="box_main active">
<div className="service_img">
<img src="images/icon-1.png" />
</div>
<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
individual cash flow and wealth
</p>
<div className="readmore_bt">
<a href="#">Read More</a>
</div>
</div>
</div>
<div className="col-lg-3 col-sm-6">
<div className="box_main">
<div className="service_img">
<img src="images/icon-2.png" />
</div>
<h4 className="development_text">Building work Reports</h4>
<p className="services_text">
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>
</div>
</div>
</div>
<div className="col-lg-3 col-sm-6">
<div className="box_main">
<div className="service_img">
<img src="images/icon-3.png" />
</div>
<h4 className="development_text">Reporting continuously</h4>
<p className="services_text">
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>
</div>
</div>
</div>
<div className="col-lg-3 col-sm-6">
<div className="box_main">
<div className="service_img">
<img src="images/icon-4.png" />
</div>
<h4 className="development_text">Manage your investment </h4>
<p className="services_text">
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>
</div>
</div>
</div>
</div>
</div> </div>
<a
className="carousel-control-prev"
href="#my_slider"
role="button"
data-slide="prev"
>
<i className="fa fa-angle-left" />
</a>
<a
className="carousel-control-next"
href="#my_slider"
role="button"
data-slide="next"
>
<i className="fa fa-angle-right" />
</a>
</div> </div>
</div> </div>
{/* services section end */} {/* banner section end */}
{/* projects section start */}
{/* <div className="projects_section layout_padding">
<div className="container">
<div className="row">
<div className="col-md-12">
<h1 className="projects_taital">Projects</h1>
<div className="nav-tabs-navigation">
<div className="nav-tabs-wrapper">
<ul className="nav " data-tabs="tabs">
<li className="nav-item">
<a
className="nav-link active"
href="#"
data-toggle="tab"
>
Category filter
</a>
</li>
<li className="nav-item">
<a className="nav-link " href="#" data-toggle="tab">
All
</a>
</li>
<li className="nav-item">
<a className="nav-link " href="#" data-toggle="tab">
Paintingl
</a>
</li>
<li className="nav-item">
<a className="nav-link " href="#" data-toggle="tab">
Reconstructionl
</a>
</li>
<li className="nav-item">
<a className="nav-link " href="#" data-toggle="tab">
Repairsl
</a>
</li>
<li className="nav-item">
<a className="nav-link " href="#" data-toggle="tab">
Residentall
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div className="projects_section_2 layout_padding">
<div className="container">
<div className="pets_section">
<div className="pets_section_2">
<div
id="main_slider"
className="carousel slide"
data-ride="carousel"
>
<div className="carousel-inner">
<div className="carousel-item active">
<div className="row">
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-1.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-2.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-3.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
</div>
</div>
<div className="carousel-item">
<div className="row">
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-1.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-2.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-3.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
</div>
</div>
<div className="carousel-item">
<div className="row">
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-1.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-2.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
<div className="col-md-4">
<div className="container_main">
<img
src="images/img-3.png"
alt
className="image"
/>
<div className="overlay">
<div className="text">
<h4 className="some_text">
<i
className="fa fa-link"
aria-hidden="true"
/>
</h4>
</div>
</div>
</div>
<div className="project_main">
<h2 className="work_text">Home Work</h2>
<p className="dummy_text">
alteration in some form, by injected humour, or
randomised words which don't look even slightly
believable. If you are going to use
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> */}
{/* projects section end */}
{/* copyright section start */}
</div> </div>
{/* header section end */}
{/* services section start */}
<div className="services_section layout_padding">
<div className="container-fluid">
<div className="row">
<div className="col-sm-12">
<h1 className="services_taital">Our Services</h1>
<p className="services_text_1">
your documents, always and immediately within reach
</p>
</div>
</div>
<div className="services_section_2">
<div className="row">
<div className="col-lg-3 col-sm-6">
<div className="box_main active">
<div className="service_img">
<img src="images/icon-1.png" />
</div>
<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 individual cash flow
and wealth
</p>
<div className="readmore_bt">
<a href="#">Read More</a>
</div>
</div>
</div>
<div className="col-lg-3 col-sm-6">
<div className="box_main">
<div className="service_img">
<img src="images/icon-2.png" />
</div>
<h4 className="development_text">Building work Reports</h4>
<p className="services_text">
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>
</div>
</div>
</div>
<div className="col-lg-3 col-sm-6">
<div className="box_main">
<div className="service_img">
<img src="images/icon-3.png" />
</div>
<h4 className="development_text">Reporting continuously</h4>
<p className="services_text">
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>
</div>
</div>
</div>
<div className="col-lg-3 col-sm-6">
<div className="box_main">
<div className="service_img">
<img src="images/icon-4.png" />
</div>
<h4 className="development_text">Manage your investment </h4>
<p className="services_text">
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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{/* services section end */}
{/* copyright section start */}
<Footer /> <Footer />
</> </>
); );

View File

@ -27,6 +27,7 @@ const Navbar = () => {
zIndex: 1000, zIndex: 1000,
}} }}
> >
<div className="container-fluid d-flex align-items-center justify-content-between"> <div className="container-fluid d-flex align-items-center justify-content-between">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
{/* <img src={logo} alt="logo" width="75" height="75" className="img-fluid" /> */} {/* <img src={logo} alt="logo" width="75" height="75" className="img-fluid" /> */}
@ -149,12 +150,16 @@ const Navbar = () => {
> >
Login Login
</NavLink> </NavLink>
</> </>
)} )}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
); );
}; };

46
ef-ui/src/home.css Normal file
View File

@ -0,0 +1,46 @@
.slider-image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; /* Ensure the image stays behind the content */
overflow: hidden;
}
.slider-image-container img {
width: 100%;
height: 100%;
object-fit: cover; /* Ensures the image covers the container */
}
.carousel-item {
height: 100vh; /* Full viewport height */
background-size: cover; /* Ensure the image covers the entire area */
background-repeat: no-repeat;
background-position: center; /* Center the image */
}
.header_section {
margin-bottom: 0; /* Ensure no margin is added to the bottom */
}
.banner_section {
padding-bottom: 0; /* Reduce padding if needed */
}
.services_section {
padding-top: 20px; /* Adjust the value to control the gap */
}
.services_text_1 {
margin-bottom: 2px; /* Minimize the gap */
}
.services_section_2 {
padding-top: 0px; /* Reduce the space below */
}

View File

@ -1,10 +1,10 @@
.header_section { /* .header_section {
background-image: none !important; background-image: none !important;
} }
.navbar { .navbar {
background-image: none !important; background-image: none !important;
} } */
.navbar .navbar-right { .navbar .navbar-right {
display: flex; display: flex;
@ -15,3 +15,17 @@
padding: 8px 15px; padding: 8px 15px;
} }
.header_section {
margin: 0;
padding: 0;
}
.navbar {
margin-bottom: 0 !important;
}
.carousel {
margin-top: 0;
}