done
This commit is contained in:
parent
2b4f9762d7
commit
541cf63eba
File diff suppressed because one or more lines are too long
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">
|
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||||||
<!-- fonts -->
|
<!-- 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">
|
<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-CliYtdA_.js"></script>
|
<script type="module" crossorigin src="/assets/index-A1qbMXnH.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-BPvgi06w.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-BPvgi06w.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
||||||
import Home from "./components/Home";
|
import Home from "./components/Home";
|
||||||
|
import About from "./components/About";
|
||||||
|
import Contact from "./components/Contact";
|
||||||
|
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
|
@ -7,6 +9,8 @@ const App = () => {
|
||||||
<BrowserRouter>
|
<BrowserRouter>
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path="/" element={<Home />}></Route>
|
<Route path="/" element={<Home />}></Route>
|
||||||
|
<Route path="/about" element={<About />}></Route>
|
||||||
|
<Route path="/contact" element={<Contact/>}></Route>
|
||||||
</Routes>
|
</Routes>
|
||||||
</BrowserRouter>
|
</BrowserRouter>
|
||||||
)
|
)
|
||||||
|
|
|
@ -0,0 +1,50 @@
|
||||||
|
import Footer from "./Footer"
|
||||||
|
import Navbar from "./Navbar"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const About = () => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
|
||||||
|
<Navbar />
|
||||||
|
|
||||||
|
<div className="about_section layout_padding">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-md-6">
|
||||||
|
<h1 className="about_taital">About Us</h1>
|
||||||
|
<p className="about_text">
|
||||||
|
There are many variations of passages of Lorem Ipsum
|
||||||
|
available, but the majority have suffered alteration in some
|
||||||
|
form, by injected humour, or randomised words which don't look
|
||||||
|
even slightly believable. If you are going to use a passage of
|
||||||
|
Lorem Ipsum, you need to be sure there isn't anything
|
||||||
|
embarrassing hidden in the middle of text. All{" "}
|
||||||
|
</p>
|
||||||
|
<div className="read_bt_1">
|
||||||
|
<a href="#">Read More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="about_img">
|
||||||
|
<div className="video_bt">
|
||||||
|
<div className="play_icon">
|
||||||
|
<img src="images/play-icon.png" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<Footer />
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default About
|
|
@ -0,0 +1,74 @@
|
||||||
|
import Footer from "./Footer"
|
||||||
|
import Navbar from "./Navbar"
|
||||||
|
|
||||||
|
|
||||||
|
const Contact = () => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navbar />
|
||||||
|
|
||||||
|
{/* contact section start */}
|
||||||
|
<div className="contact_section layout_padding">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-md-12">
|
||||||
|
<h1 className="contact_taital">Contact Us</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="container-fluid">
|
||||||
|
<div className="contact_section_2">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-md-6">
|
||||||
|
<form action>
|
||||||
|
<div className="mail_section_1">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="mail_text"
|
||||||
|
placeholder="Name"
|
||||||
|
name="Name"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="mail_text"
|
||||||
|
placeholder="Phone Number"
|
||||||
|
name="Phone Number"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="mail_text"
|
||||||
|
placeholder="Email"
|
||||||
|
name="Email"
|
||||||
|
/>
|
||||||
|
<textarea
|
||||||
|
className="massage-bt"
|
||||||
|
placeholder="Massage"
|
||||||
|
rows={5}
|
||||||
|
id="comment"
|
||||||
|
name="Massage"
|
||||||
|
defaultValue={""}
|
||||||
|
/>
|
||||||
|
<div className="send_bt">
|
||||||
|
<a href="#">SEND</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6 padding_left_15">
|
||||||
|
<div className="contact_img">
|
||||||
|
<img src="images/contact-img.png" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{/* contact section end */}
|
||||||
|
<Footer />
|
||||||
|
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Contact
|
|
@ -0,0 +1,172 @@
|
||||||
|
const Footer = () => {
|
||||||
|
|
||||||
|
const currentYear = new Date().getFullYear();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className="header_top_section">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-sm-12">
|
||||||
|
<div className="header_top_main">
|
||||||
|
<div className="call_text">
|
||||||
|
<a href="#">
|
||||||
|
<i className="fa fa-phone" aria-hidden="true" />{" "}
|
||||||
|
+01-40-114-6855
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div className="call_text_2">
|
||||||
|
<a href="#">
|
||||||
|
<i className="fa fa-envelope" aria-hidden="true" />{" "}
|
||||||
|
support@estatesfunding.com
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div className="call_text_1">
|
||||||
|
<a href="#">
|
||||||
|
<i className="fa fa-map-marker" aria-hidden="true" />{" "}
|
||||||
|
Mordern Tawon Mosco
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
{/*
|
||||||
|
<div className="footer_section layout_padding">
|
||||||
|
<div className="container">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="location_text">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<span className="padding_15">
|
||||||
|
<i className="fa fa-mobile" aria-hidden="true" />
|
||||||
|
</span>{" "}
|
||||||
|
<br />
|
||||||
|
Call +01 1234567890
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li className="active">
|
||||||
|
<a href="#">
|
||||||
|
<span className="padding_15">
|
||||||
|
<i className="fa fa-envelope" aria-hidden="true" />
|
||||||
|
</span>{" "}
|
||||||
|
<br />
|
||||||
|
demo@gmail.com
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<span className="padding_15">
|
||||||
|
<i className="fa fa-map-marker" aria-hidden="true" />
|
||||||
|
</span>{" "}
|
||||||
|
<br />
|
||||||
|
Location
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div className="footer_section_2">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-md-4">
|
||||||
|
<h2 className="useful_text">QUICK LINKS</h2>
|
||||||
|
<div className="footer_menu">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="about.html">About</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="services.html">Services</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="projects.html">Projects</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="contact.html">Contact Us</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="col-md-4">
|
||||||
|
<h2 className="useful_text">SIGN UP TO OUR NEWSLETTER</h2>
|
||||||
|
<div className="form-group">
|
||||||
|
<textarea
|
||||||
|
className="update_mail"
|
||||||
|
placeholder="Enter Your Email"
|
||||||
|
rows={5}
|
||||||
|
id="comment"
|
||||||
|
name="Enter Your Email"
|
||||||
|
defaultValue={""}
|
||||||
|
/>
|
||||||
|
<div className="subscribe_bt">
|
||||||
|
<a href="#">Subscribe</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="social_icon">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<i className="fa fa-facebook" aria-hidden="true" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<i className="fa fa-twitter" aria-hidden="true" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<i className="fa fa-linkedin" aria-hidden="true" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<i className="fa fa-instagram" aria-hidden="true" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> */}
|
||||||
|
|
||||||
|
<div className="copyright_section">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-sm-12">
|
||||||
|
<p className="copyright_text">
|
||||||
|
{currentYear} All Rights Reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Footer;
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,96 @@
|
||||||
|
import { NavLink } from "react-router-dom";
|
||||||
|
import logo from "../logo.png";
|
||||||
|
|
||||||
|
const Navbar = () => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className="container-fluid p-0 m-0">
|
||||||
|
<nav
|
||||||
|
className="navbar navbar-expand-lg w-100"
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#000000",
|
||||||
|
position: "fixed", // Make the navbar fixed at the top
|
||||||
|
top: 0,
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
zIndex: 1000, // Ensure the navbar is above other elements
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="container-fluid d-flex align-items-center justify-content-between">
|
||||||
|
<div className="d-flex align-items-center">
|
||||||
|
<img
|
||||||
|
src={logo}
|
||||||
|
alt="logo"
|
||||||
|
width="75"
|
||||||
|
height="75"
|
||||||
|
className="img-fluid"
|
||||||
|
/>
|
||||||
|
<p
|
||||||
|
style={{
|
||||||
|
display: "inline-block",
|
||||||
|
fontStyle: "italic",
|
||||||
|
fontSize: "14px",
|
||||||
|
color: "white",
|
||||||
|
margin: "0 0 0 10px",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* Only Portal of Certified Realtor Lender and Borrowers */}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul className="navbar-nav ml-auto">
|
||||||
|
<li className="nav-item active">
|
||||||
|
<NavLink to="/" className="nav-link">
|
||||||
|
Home
|
||||||
|
</NavLink>
|
||||||
|
</li>
|
||||||
|
<li className="nav-item">
|
||||||
|
<NavLink to="/services" className="nav-link">
|
||||||
|
Services
|
||||||
|
</NavLink>
|
||||||
|
</li>
|
||||||
|
<li className="nav-item">
|
||||||
|
<NavLink to="/about" className="nav-link">
|
||||||
|
About
|
||||||
|
</NavLink>
|
||||||
|
</li>
|
||||||
|
<li className="nav-item">
|
||||||
|
<NavLink to="/projects" className="nav-link">
|
||||||
|
Project
|
||||||
|
</NavLink>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li className="nav-item">
|
||||||
|
<NavLink to="/contact" className="nav-link">
|
||||||
|
Contact Us
|
||||||
|
</NavLink>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form className="form-inline my-2 my-lg-0">
|
||||||
|
<div className="login_text">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#">Login</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<i className="fa fa-user" aria-hidden="true" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div className="quote_btn">
|
||||||
|
<a href="#">Get A Quote</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Navbar;
|
|
@ -0,0 +1,7 @@
|
||||||
|
.header_section {
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
Loading…
Reference in New Issue