This commit is contained in:
omkieit 2024-09-20 06:22:55 +05:30
parent ab273e407d
commit d20295d9ff
5 changed files with 128 additions and 80 deletions

File diff suppressed because one or more lines are too long

View File

@ -42,7 +42,7 @@
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script> --> <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script type="module" crossorigin src="/assets/index-DMoctrjb.js"></script> <script type="module" crossorigin src="/assets/index-Bm6vuYkC.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DlbKQED5.css"> <link rel="stylesheet" crossorigin href="/assets/index-DlbKQED5.css">
</head> </head>

View File

@ -58,6 +58,7 @@ const App = () => {
{/* <Route path="/addproperty" element={ <PrivateRoute><Addproperty /></PrivateRoute>}></Route> */} {/* <Route path="/addproperty" element={ <PrivateRoute><Addproperty /></PrivateRoute>}></Route> */}
<Route path="/property/:id" element={<PropertyView />} /> <Route path="/property/:id" element={<PropertyView />} />
<Route path="/properties/:id" element={<PropertyView />} />
<Route path="/searchmyproperties" element={<SearchMysql />} /> <Route path="/searchmyproperties" element={<SearchMysql />} />

View File

@ -1,5 +1,6 @@
const Footer = () => { import { NavLink } from "react-router-dom";
const Footer = () => {
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
return ( return (
@ -8,9 +9,7 @@ const Footer = () => {
<div className="footer_section layout_padding"> <div className="footer_section layout_padding">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-md-12"> <div className="col-md-12"></div>
</div>
</div> </div>
<div className="footer_section_2"> <div className="footer_section_2">
<div className="row"> <div className="row">
@ -18,22 +17,63 @@ const Footer = () => {
<h2 className="useful_text">QUICK LINKS</h2> <h2 className="useful_text">QUICK LINKS</h2>
<div className="footer_menu"> <div className="footer_menu">
<ul> <ul>
<li><a href="index.html">Home</a></li> <li>
<li><a href="about.html">About</a></li> <NavLink
<li><a href="services.html">Services</a></li> to="/"
<li><a href="contact.html">Contact Us</a></li> className="link-primary text-decoration-none"
>
Home
</NavLink>
</li>
<li>
<NavLink
to="/about"
className="link-primary text-decoration-none"
>
About
</NavLink>
</li>
<li>
<NavLink
to="/services"
className="link-primary text-decoration-none"
>
Services
</NavLink>
</li>
<li>
<NavLink
to="/contact"
className="link-primary text-decoration-none"
>
Contact Us
</NavLink>
</li>
</ul> </ul>
</div> </div>
</div> </div>
<div className="col-md-4"> <div className="col-md-4">
<h2 className="useful_text">Work Portfolio</h2> <h2 className="useful_text">Work Portfolio</h2>
<p className="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem</p> <p className="lorem_text">
It is a long established fact that a reader will be
distracted by the readable content of a page when looking at
its layout. The point of using Lorem
</p>
</div> </div>
<div className="col-md-4"> <div className="col-md-4">
<h2 className="useful_text">SIGN UP TO OUR NEWSLETTER</h2> <h2 className="useful_text">SIGN UP TO OUR NEWSLETTER</h2>
<div className="form-group"> <div className="form-group">
<textarea className="update_mail" placeholder="Enter Your Email" rows={5} id="comment" name="Enter Your Email" defaultValue={""} /> <textarea
<div className="subscribe_bt"><a href="#">Subscribe</a></div> 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> </div>
@ -41,16 +81,24 @@ const Footer = () => {
<div className="social_icon"> <div className="social_icon">
<ul> <ul>
<li> <li>
<a href="#"><i className="fa fa-facebook" aria-hidden="true" /></a> <a href="#">
<i className="fa fa-facebook" aria-hidden="true" />
</a>
</li> </li>
<li> <li>
<a href="#"><i className="fa fa-twitter" aria-hidden="true" /></a> <a href="#">
<i className="fa fa-twitter" aria-hidden="true" />
</a>
</li> </li>
<li> <li>
<a href="#"><i className="fa fa-linkedin" aria-hidden="true" /></a> <a href="#">
<i className="fa fa-linkedin" aria-hidden="true" />
</a>
</li> </li>
<li> <li>
<a href="#"><i className="fa fa-instagram" aria-hidden="true" /></a> <a href="#">
<i className="fa fa-instagram" aria-hidden="true" />
</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -62,16 +110,15 @@ const Footer = () => {
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-sm-12"> <div className="col-sm-12">
<p className="copyright_text">{currentYear} All Rights Reserved.</p> <p className="copyright_text">
{currentYear} All Rights Reserved.
</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{/* copyright section end */} {/* copyright section end */}
</div> </div>
</> </>
); );
}; };

View File

@ -131,7 +131,7 @@ const SearchMysql = () => {
<div className="card card-margin"> <div className="card card-margin">
<div className="card-body"> <div className="card-body">
{loading ? ( {loading ? (
<div className="loader">Loading...</div> // Loader component <div className="loader" style={{color:"#fda417"}}><span style={{color:"#fda417", fontSize: "25px"}}>Loading...</span></div>
) : ( ) : (
<div className="row search-body"> <div className="row search-body">
<div className="col-lg-12"> <div className="col-lg-12">
@ -190,7 +190,7 @@ const SearchMysql = () => {
<td> <td>
<div className="widget-26-job-title"> <div className="widget-26-job-title">
<NavLink <NavLink
to={`/property/${property.house_id}`} to={`/properties/${property.house_id}`}
className="link-primary text-decoration-none" className="link-primary text-decoration-none"
> >
{property.address} {property.address}