This commit is contained in:
omkieit 2024-08-28 20:04:35 +05:30
parent 2b4f9762d7
commit 541cf63eba
10 changed files with 979 additions and 623 deletions

75
ef-ui/dist/assets/index-A1qbMXnH.js 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

@ -27,7 +27,7 @@
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- 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">
<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">
</head>

View File

@ -1,5 +1,7 @@
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Home from "./components/Home";
import About from "./components/About";
import Contact from "./components/Contact";
const App = () => {
@ -7,6 +9,8 @@ const App = () => {
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />}></Route>
<Route path="/about" element={<About />}></Route>
<Route path="/contact" element={<Contact/>}></Route>
</Routes>
</BrowserRouter>
)

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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;

7
ef-ui/src/navbar.css Normal file
View File

@ -0,0 +1,7 @@
.header_section {
background-image: none !important;
}
.navbar {
background-image: none !important;
}