Project Team Members
Front-End Developers
Nandan Singh Bisht
Sumit Bisht
Back-End Developer
Rohit Kumar Joshi
Documentation Team
Bhaskar Bisht
Saurav Gangwar
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-
scale=1.0" />
<title>Project Team</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 40px;
background-color: #f4f4f4;
color: #333;
}
h1 {
text-align: center;
}
.team-section {
background: # f;
padding: 20px;
margin: 20px auto;
max-width: 600px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
border-bottom: 2px solid #ddd;
padding-bottom: 5px;
}
ul {
list-style: none;
padding-left: 0;
}
li {
padding: 5px 0;
}
</style>
</head>
<body>
<h1>Project Team Members</h1>
<div class="team-section">
<h2>Front-End Developers</h2>
<ul>
<li>Nandan Singh Bisht</li>
<li>Sumit Bisht</li>
</ul>
</div>
<div class="team-section">
<h2>Back-End Developer</h2>
<ul>
<li>Rohit Kumar Joshi</li>
</ul>
</div>
<div class="team-section">
<h2>Documentation Team</h2>
<ul>
<li>Bhaskar Bisht</li>
<li>Saurav Gangwar</li>
</ul>
</div>
</body>
</html>
About Our Online Booking System
Our Online Booking System is a user-friendly platform designed to
simplify the process of reserving services or appointments over the
internet. Whether you're booking hotel rooms, doctor appointments,
event tickets, or salon services, our system ensures a smooth, secure,
and fast experience.
With real-time availability, instant confirmation, and easy
management tools, our system helps both customers and service
providers save time and improve e iciency. The platform is accessible
24/7 from any device, allowing users to make or manage bookings at
their convenience.
Key features include secure login, payment integration, automated
email/SMS notifications, and a responsive interface optimized for
mobile and desktop devices.
<section id="about" style="padding: 40px; background-color:
#f9f9f9;">
<h2>About Our Online Booking System</h2>
<p>
Our Online Booking System is a user-friendly platform designed to
simplify the process of reserving services or appointments over the
internet. Whether you're booking hotel rooms, doctor appointments,
event tickets, or salon services, our system ensures a smooth, secure,
and fast experience.
</p>
<p>
With real-time availability, instant confirmation, and easy
management tools, our system helps both customers and service
providers save time and improve e iciency. The platform is accessible
24/7 from any device, allowing users to make or manage bookings at
their convenience.
</p>
<p>
Key features include secure login, payment integration, automated
email/SMS notifications, and a responsive interface optimized for
mobile and desktop devices.
</p>
</section>
Online Booking System
Flights
Hotels
Buses
Available Flights
Flight 101
From New York to London
Price: $500
Persons:
Available Flights
Flight 102
From New delhi to mumbai
Price: $600
Persons:
Available Flights
Flight 103
From New delhi to bangluru
Price: $900
Persons:
Available Flights
Flight 104
From mumbai to delhi
Price: $300
Persons:
Available Flights
Flight 105
From new delhi to deharadun
Price: $450
Persons:
Available Flights
Flight 106
From New York to London
Price: $650
Persons:
Available Flights
Flight 107
From New York to London
Price: $500
Persons:
Available Flights
Flight 108
From New York to bankok
Price: $600
Persons:
Available Flights
Flight 109
From New York to London
Price: $790
Persons:
Available Flights
Flight 110
From New York to new delhi
Price: $910
Persons:
Available Hotels
Hotel maharaja
Location: nagpur
Price: $150/night
Persons:
Available Hotels
Hotel Sunshine
Location: pune
Price: $200/night
Persons:
Available Hotels
reddision blue
Location: paschim vihar delhi
Price: $350/night
Persons:
Available Hotels
taj hotel
Location:mumbai
Price: $650/night
Persons:
Available Hotels
the taj
Location: bengalure
Price: $550/night
Persons:
Available Hotels
the lalit
Location: Mumbai
Price: $450/night
Persons:
Available Hotels
Hotel oberoi
Location: Mumbai
Price: $350/night
Persons:
Available Hotels
westin
Location: mumbai
Price: $250/night
Persons:
Available Hotels
ITC maratha
Location: Mumbai
Price: $250/night
Persons:
Available Hotels
JW marriott
Location: Mumbai
Price: $350/night
Persons:
Available Hotels
TRIDENT HOTEL
Location:mumbai
Price: $180/night
Persons:
Available Buses
Bus Route A
From haldwani to City delhi
Price: $10
Persons:
Available Buses
Bus Route A
From haldwani to City agra
Price: $15
Persons:
Available Buses
Bus Route A
HALDWANI to City DEHARADUN
Price: $25
Persons:
Available Buses
Bus Route A
From HALDWANI to City CHANDIGARH
Price: $30
Persons:
Available Buses
Bus Route A
From HALDWANI to PRYAGRAJ
Price: $30
Persons:
Available Buses
Bus Route A
From DELHI to AYODHIYA
Price: $35
Persons:
Available Buses
Bus Route A
From AJMER TO DELHI
Price: $38
Persons:
Available Buses
BHOPAL
From BHOPAL to City HALDWANI
Price: $31
Persons:
© 2025 Online Booking System
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.login-container {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.login-container h2 {
margin-bottom: 20px;
}
.login-container input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.login-container button {
width: 100%;
padding: 10px;
background-color: #28a745;
border: none;
border-radius: 4px;
color: white;
font-size: 16px;
cursor: pointer;
}
.login-container button:hover {
background-color: #218838;
}
.login-container a {
display: block;
margin-top: 10px;
text-align: center;
color: #007b ;
text-decoration: none;
}
</style>
</head>
<body>
<div>
<a href="joshiji1.html">booking</a>
<a href="joshi.html">booking system</a>
<a href="klkk.html">travel booking</a>
<a href="jjjj.html">Go back to next page</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.login-container {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.login-container h2 {
margin-bottom: 20px;
}
.login-container input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.login-container button {
width: 100%;
padding: 10px;
background-color: #28a745;
border: none;
border-radius: 4px;
color: white;
font-size: 16px;
cursor: pointer;
}
.login-container button:hover {
background-color: #218838;
}
.login-container a {
display: block;
margin-top: 10px;
text-align: center;
color: #007b ;
text-decoration: none;
}
</style>
</head>
<body>
<div>
<a href="joshiji1.html">booking</a>
<a href="joshi.html">booking system</a>
<a href="klkk.html">travel booking</a>
<a href="jjjj.html">Go back to next page</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.login-container {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.login-container h2 {
margin-bottom: 20px;
}
.login-container input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.login-container button {
width: 100%;
padding: 10px;
background-color: #28a745;
border: none;
border-radius: 4px;
color: white;
font-size: 16px;
cursor: pointer;
}
.login-container button:hover {
background-color: #218838;
}
.login-container a {
display: block;
margin-top: 10px;
text-align: center;
color: #007b ;
text-decoration: none;
}
</style>
</head>
<body>
<div>
<a href="joshiji1.html">booking</a>
<a href="joshi.html">booking system</a>
<a href="klkk.html">travel booking</a>
<a href="jjjj.html">Go back to next page</a>
</div>
</body>
</html>
Travel Booking
Go back to next page
Travel Information in India
Go back to next page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Travel Information in India</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f9f9f9;
}
#searchBox {
margin-bottom: 20px;
}
.city-info {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
background-color: # f;
}
</style>
</head>
<body>
<h1>Travel Information in India</h1>
<div id="searchBox">
<input type="text" id="citySearch" placeholder="Search for a
city...">
<button onclick="searchCity()">Search</button>
</div>
<a href="joshj1.html">Go back to next page</a>
<div id="results"></div>
<script>
const cityData = [
{ name: "Delhi", hotels: 150, buses: 200, flights: 80, avgHotelPrice:
3000 },
{ name: "Mumbai", hotels: 200, buses: 150, flights: 90,
avgHotelPrice: 5000 },
{ name: "Bangalore", hotels: 180, buses: 120, flights: 70,
avgHotelPrice: 3500 },
{ name: "Kolkata", hotels: 170, buses: 130, flights: 60,
avgHotelPrice: 2000 },
{ name: "Chennai", hotels: 160, buses: 110, flights: 75,
avgHotelPrice: 4000 },
{ name: "Hyderabad", hotels: 190, buses: 140, flights: 85,
avgHotelPrice: 4500 },
{ name: "Ahmedabad", hotels: 130, buses: 100, flights: 50,
avgHotelPrice: 2500 },
{ name: "Pune", hotels: 140, buses: 95, flights: 65, avgHotelPrice:
3700 },
{ name: "Jaipur", hotels: 120, buses: 80, flights: 40, avgHotelPrice:
6000 },
{ name: "Surat", hotels: 110, buses: 75, flights: 30, avgHotelPrice:
4500 },
// Add more cities up to 100...
{ name: "Lucknow", hotels: 115, buses: 70, flights: 35,
avgHotelPrice: 2800 },
{ name: "Visakhapatnam", hotels: 125, buses: 65, flights: 25,
avgHotelPrice: 3200 },
{ name: "Nagpur", hotels: 100, buses: 60, flights: 20,
avgHotelPrice: 1800 },
{ name: "Indore", hotels: 105, buses: 55, flights: 15, avgHotelPrice:
1500 },
{ name: "Vadodara", hotels: 95, buses: 50, flights: 10,
avgHotelPrice: 2000 },
{ name: "Coimbatore", hotels: 85, buses: 45, flights: 12,
avgHotelPrice: 2600 },
{ name: "Nashik", hotels: 90, buses: 40, flights: 11, avgHotelPrice:
2300 },
{ name: "Bhubaneswar", hotels: 80, buses: 38, flights: 9,
avgHotelPrice: 2200 },
{ name: "Mysore", hotels: 70, buses: 30, flights: 7, avgHotelPrice:
1900 },
{ name: "Kochi", hotels: 75, buses: 28, flights: 8, avgHotelPrice:
3500 },
// Continue adding cities until you reach 100...
];
function searchCity() {
const query =
document.getElementById('citySearch').value.toLowerCase();
const resultsDiv = document.getElementById('results');
resultsDiv.innerHTML = ''; // Clear previous results
const filteredCities = cityData.filter(city =>
city.name.toLowerCase().includes(query));
if (filteredCities.length === 0) {
resultsDiv.innerHTML = '<p>No results found.</p>';
return;
}
filteredCities.forEach(city => {
const cityDiv = document.createElement('div');
cityDiv.classList.add('city-info');
cityDiv.innerHTML = `<h2>${city.name}</h2>
<p>Hotels Available: ${city.hotels}</p>
<p>Buses Available: ${city.buses}</p>
<p>Flights Available: ${city.flights}</p>
<p>Average Hotel Price: ₹${city.avgHotelPrice}</p>`;
resultsDiv.appendChild(cityDiv);
});
}
</script>
</body>
</html>
