Skip to content

Commit 19e1dcc

Browse files
Krishnaaa10Krishnaaa10
committed
changed the UI of rent the car page
1 parent d45f661 commit 19e1dcc

File tree

2 files changed

+42
-35
lines changed

2 files changed

+42
-35
lines changed

‎rentcar.html‎

Lines changed: 37 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -994,26 +994,26 @@
994994
<body>
995995
<!-- HEADER -->
996996
<header class="header">
997-
<a href="/src/index.html" class="logo">
997+
<a href="/" class="logo">
998998
<img src="./assets/images/vehigologo.png" alt="VehiGo logo"/>
999999
</a>
10001000
<nav class="navbar">
10011001
<ul class="navbar-list" role="menubar" aria-label="Primary">
1002-
<li><a href="../src/index.html" class="navbar-link" role="menuitem">Home</a></li>
1003-
<li><a href="featured-car.html" class="navbar-link" role="menuitem">Explore cars</a></li>
1004-
<li><a href="./src/pages/about.html" class="navbar-link" role="menuitem">About us</a></li>
1005-
<li><a href="blog.html" class="navbar-link" role="menuitem">Blog</a></li>
1006-
<li><a href="offline.html" class="navbar-link" role="menuitem">Offline Centers</a></li>
1007-
<li><a href="rentcar.html" class="navbar-link" role="menuitem">Rent Your Car</a></li>
1008-
<li><a href="wishlist.html" class="navbar-link" role="menuitem">Wishlist</a></li>
1002+
<li><a href="/" class="navbar-link" role="menuitem">Home</a></li>
1003+
<li><a href="/featured-car.html" class="navbar-link" role="menuitem">Explore cars</a></li>
1004+
<li><a href="/src/pages/about.html" class="navbar-link" role="menuitem">About us</a></li>
1005+
<li><a href="/blog.html" class="navbar-link" role="menuitem">Blog</a></li>
1006+
<li><a href="/offline.html" class="navbar-link" role="menuitem">Offline Centers</a></li>
1007+
<li><a href="/rent-your-car" class="navbar-link active" role="menuitem">Rent Your Car</a></li>
1008+
<li><a href="/wishlist.html" class="navbar-link" role="menuitem">Wishlist</a></li>
10091009
<li>
10101010
<label class="theme-switch" for="theme-toggle" title="Toggle theme">
10111011
<input type="checkbox" id="theme-toggle" aria-label="Toggle dark mode"/>
10121012
<span id="theme-text">Dark</span>
10131013
</label>
10141014
</li>
10151015
<li>
1016-
<a href="src/pages/login.html" class="btn btn-vehigo" id="loginBtn">
1016+
<a href="/login" class="btn btn-vehigo" id="loginBtn">
10171017
<i class="fa-regular fa-user"></i> <span>Login</span>
10181018
</a>
10191019
</li>
@@ -1154,8 +1154,8 @@ <h2>💼 Buy or Sell</h2>
11541154
<div class="container">
11551155
<div class="footer-grid">
11561156
<div class="footer-brand">
1157-
<a href="#" class="logo">
1158-
<img src="assets\images\vehigologo.png" alt="VehiGo logo" />
1157+
<a href="/" class="logo">
1158+
<img src="assets/images/vehigologo.png" alt="VehiGo logo" />
11591159
</a>
11601160
<p class="footer-text">
11611161
Seamless rentals across Bhopal, Indore and Ujjain. Reliable, affordable and convenient car rental services for every journey.
@@ -1164,16 +1164,16 @@ <h2>💼 Buy or Sell</h2>
11641164

11651165
<ul class="footer-list">
11661166
<li><p class="footer-list-title">Company</p></li>
1167-
<li><a href="src\pages\about.html" class="footer-link">About us</a></li>
1168-
<li><a href="src\pages\pricing.html" class="footer-link">Pricing plans</a></li>
1167+
<li><a href="/src/pages/about.html" class="footer-link">About us</a></li>
1168+
<li><a href="/src/pages/pricing.html" class="footer-link">Pricing plans</a></li>
11691169
<li><a href="blog.html" class="footer-link">Our blog</a></li>
11701170
<li><a href="ContactUs.html" class="footer-link">Contact Us</a></li>
11711171
</ul>
11721172

11731173
<ul class="footer-list">
11741174
<li><p class="footer-list-title">Support</p></li>
1175-
<li><a href="src\pages\help-center.html" class="footer-link">Help center</a></li>
1176-
<li><a href="src\pages\Askaques.html" class="footer-link">Ask a question</a></li>
1175+
<li><a href="/src/pages/help-center.html" class="footer-link">Help center</a></li>
1176+
<li><a href="/src/pages/Askaques.html" class="footer-link">Ask a question</a></li>
11771177
<li><a href="privacypolicy.html" class="footer-link">Privacy policy</a></li>
11781178
<li><a href="tandc.html" class="footer-link">Terms & conditions</a></li>
11791179
</ul>
@@ -1199,9 +1199,9 @@ <h4>Stay in the loop</h4>
11991199
</ul>
12001200
<p class="copyright">© <span id="about-footer-year"></span> VehiGo. All rights reserved.</p>
12011201
<div class="mini-links">
1202-
<a href="../../privacypolicy.html">Privacy</a>
1203-
<a href="tandc.html">Terms</a>
1204-
<a href="../../ContactUs.html">Contact</a>
1202+
<a href="/privacypolicy.html">Privacy</a>
1203+
<a href="/tandc.html">Terms</a>
1204+
<a href="/ContactUs.html">Contact</a>
12051205
</div>
12061206
</div>
12071207
</div>
@@ -1245,25 +1245,27 @@ <h4>Stay in the loop</h4>
12451245

12461246
<!-- THEME SCRIPT -->
12471247
<script>
1248-
const themebtn = document.getElementById('theme-toggle');
1249-
// Default to dark if no preference saved
1250-
if(localStorage.getItem("theme") !== "light"){
1251-
document.body.classList.add("dark-theme");
1252-
localStorage.setItem("theme", "dark");
1253-
themebtn.innerHTML = '<i class="fa-solid fa-sun"></i> Light';
1254-
} else {
1255-
themebtn.innerHTML = '<i class="fa-solid fa-moon"></i> Dark';
1256-
}
1257-
themebtn.addEventListener("click", () => {
1258-
if(document.body.classList.contains("dark-theme")){
1259-
document.body.classList.remove('dark-theme');
1260-
localStorage.setItem("theme", "light");
1261-
themebtn.innerHTML = '<i class="fa-solid fa-moon"></i> Dark';
1248+
const themeToggleInput = document.getElementById('theme-toggle');
1249+
const themeText = document.getElementById('theme-text');
1250+
const setThemeUi = (mode) => {
1251+
if (mode === 'dark') {
1252+
themeText.textContent = 'Light';
12621253
} else {
1263-
document.body.classList.add('dark-theme');
1264-
localStorage.setItem("theme", "dark");
1265-
themebtn.innerHTML = '<i class="fa-solid fa-sun"></i> Light';
1254+
themeText.textContent = 'Dark';
12661255
}
1256+
};
1257+
const saved = localStorage.getItem('theme');
1258+
if (saved !== 'light') {
1259+
document.body.classList.add('dark-theme');
1260+
localStorage.setItem('theme', 'dark');
1261+
setThemeUi('dark');
1262+
} else {
1263+
setThemeUi('light');
1264+
}
1265+
themeToggleInput.addEventListener('click', () => {
1266+
const isDark = document.body.classList.toggle('dark-theme');
1267+
localStorage.setItem('theme', isDark ? 'dark' : 'light');
1268+
setThemeUi(isDark ? 'dark' : 'light');
12671269
});
12681270
</script>
12691271
</body>

‎server.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,11 @@ app.get("/signup", (req, res) => {
3434
res.sendFile(path.join(__dirname, "src/pages/login.html"));
3535
});
3636

37+
// Serve Rent Your Car page
38+
app.get("/rent-your-car", (req, res) => {
39+
res.sendFile(path.join(__dirname, "rentcar.html"));
40+
});
41+
3742
app.use("/", authRouter);
3843

3944
// Handle 404 - Must be after all other routes

0 commit comments

Comments
 (0)