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,29 +1,30 @@
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">
{/* <img src="/images/banner-bg.png" alt="Banner Background" /> */}
</div>
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-sm-12"> <div className="col-sm-12">
<div className="banner_taital_main"> <div className="banner_taital_main">
<h1 className="banner_taital"> <h1 className="banner_taital">
Reinventing real estate Reinventing real estate investment
investment
</h1> </h1>
<p className="banner_text"> <p className="banner_text">
Owners/operators, and real estate investment firms to excel in what they do best: finding new opportunities Owners/operators, and real estate investment firms to
{" "} excel in what they do best: finding new opportunities
</p> </p>
<div className="btn_main"> <div className="btn_main">
<div className="started_text active"> <div className="started_text active">
@ -38,6 +39,7 @@ const Home = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="carousel-item"> <div className="carousel-item">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
@ -47,7 +49,8 @@ const Home = () => {
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
investors.{" "}
</p> </p>
<div className="btn_main"> <div className="btn_main">
<div className="started_text active"> <div className="started_text active">
@ -71,7 +74,8 @@ const Home = () => {
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
with 100% security tools{" "}
</p> </p>
<div className="btn_main"> <div className="btn_main">
<div className="started_text active"> <div className="started_text active">
@ -118,6 +122,7 @@ const Home = () => {
<p className="services_text_1"> <p className="services_text_1">
your documents, always and immediately within reach your documents, always and immediately within reach
</p> </p>
</div> </div>
</div> </div>
<div className="services_section_2"> <div className="services_section_2">
@ -129,8 +134,9 @@ const Home = () => {
</div> </div>
<h4 className="development_text">Dedication Services</h4> <h4 className="development_text">Dedication Services</h4>
<p className="services_text"> <p className="services_text">
Real estate investing even on a very small scale remains a tried and true means of building and Real estate investing even on a very small scale remains a
individual cash flow and wealth tried and true means of building and individual cash flow
and wealth
</p> </p>
<div className="readmore_bt"> <div className="readmore_bt">
<a href="#">Read More</a> <a href="#">Read More</a>
@ -144,7 +150,9 @@ const Home = () => {
</div> </div>
<h4 className="development_text">Building work Reports</h4> <h4 className="development_text">Building work Reports</h4>
<p className="services_text"> <p className="services_text">
Deliver all the reports your investors need. Eliminate manual work and human errors with automatic distribution and allocation Deliver all the reports your investors need. Eliminate
manual work and human errors with automatic distribution and
allocation
</p> </p>
<div className="readmore_bt"> <div className="readmore_bt">
<a href="#">Read More</a> <a href="#">Read More</a>
@ -158,8 +166,9 @@ const Home = () => {
</div> </div>
<h4 className="development_text">Reporting continuously</h4> <h4 className="development_text">Reporting continuously</h4>
<p className="services_text"> <p className="services_text">
Streamlining investor interactions, Streamlining investor interactions, gaining complete
gaining complete visibility into your data, and using smart filters to create automatic workflows visibility into your data, and using smart filters to create
automatic workflows
</p> </p>
<div className="readmore_bt"> <div className="readmore_bt">
<a href="#">Read More</a> <a href="#">Read More</a>
@ -173,7 +182,8 @@ const Home = () => {
</div> </div>
<h4 className="development_text">Manage your investment </h4> <h4 className="development_text">Manage your investment </h4>
<p className="services_text"> <p className="services_text">
We offer a comprehensive set of tools and services to fully facilitate all your real estate investment management needs We offer a comprehensive set of tools and services to fully
facilitate all your real estate investment management needs
</p> </p>
<div className="readmore_bt"> <div className="readmore_bt">
<a href="#">Read More</a> <a href="#">Read More</a>
@ -186,337 +196,8 @@ const Home = () => {
</div> </div>
{/* services section end */} {/* services 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 */} {/* copyright section start */}
</div>
<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;
}