525 lines
23 KiB
JavaScript
525 lines
23 KiB
JavaScript
import Footer from "./Footer";
|
|
import Navbar from "./Navbar";
|
|
|
|
const Home = () => {
|
|
return (
|
|
<>
|
|
|
|
<Navbar />
|
|
<br /> <br /> <br /> <br /> <br />
|
|
<div>
|
|
<div className="header_section">
|
|
<div className="banner_section layout_padding">
|
|
<div id="my_slider" className="carousel slide" data-ride="carousel">
|
|
<div className="carousel-inner">
|
|
<div className="carousel-item active">
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-sm-12">
|
|
<div className="banner_taital_main">
|
|
<h1 className="banner_taital">
|
|
Reinventing real estate
|
|
investment
|
|
</h1>
|
|
<p className="banner_text">
|
|
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">
|
|
<a href="#">Contact US</a>
|
|
</div>
|
|
<div className="started_text">
|
|
<a href="#">About Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="carousel-item">
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-sm-12">
|
|
<div className="banner_taital_main">
|
|
<h1 className="banner_taital">
|
|
streamline investment management
|
|
</h1>
|
|
<p className="banner_text">
|
|
Best possible experience to our customers and their investors.{" "}
|
|
</p>
|
|
<div className="btn_main">
|
|
<div className="started_text active">
|
|
<a href="#">Contact US</a>
|
|
</div>
|
|
<div className="started_text">
|
|
<a href="#">About Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="carousel-item">
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-sm-12">
|
|
<div className="banner_taital_main">
|
|
<h1 className="banner_taital">
|
|
Increase your efficiency and security
|
|
</h1>
|
|
<p className="banner_text">
|
|
All-in-one real estate investment management platform with 100% security tools{" "}
|
|
</p>
|
|
<div className="btn_main">
|
|
<div className="started_text active">
|
|
<a href="#">Contact US</a>
|
|
</div>
|
|
<div className="started_text">
|
|
<a href="#">About Us</a>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
{/* 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 */}
|
|
|
|
|
|
<Footer />
|
|
|
|
|
|
|
|
{/* copyright section start */}
|
|
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Home;
|