webproject

Adventure Sarai Hotel Web Project

This repository contains the source code for the Adventure Sarai Hotel website. The website is designed to showcase the hotel’s offerings, including room options, amenities, and contact information. While not fully functional, the website provides users with an initial framework for exploring the hotel and accessing basic details.

Table of Contents

• Features
• Technologies Used
• Structure
• How to Use
• Current Limitations
• Future Enhancements
• License

---

Features

• Room Details Page: Displays room pricing, basic descriptions, and interactive buttons for booking or reading more (currently non-functional).
• Interactive Map: A JavaScript-powered map is included on the contact page to help users locate the hotel.
• Responsive Design: A basic layout that adapts to different screen sizes, ensuring usability across devices.
• Pricing Display: Room prices are displayed prominently for user convenience.
• Contact Page: Contains a map and placeholder contact details.

---

Technologies Used

• HTML5: For the structure and layout of the website.
• CSS3: For styling and visual enhancements.
• JavaScript: Used for the interactive map on the contact page.
• GitHub Pages: For hosting the website online.

---

Structure

webproject/
├── web/
│   ├── room.html          # Room details page
│   ├── contact.html       # Contact page with map
│   ├── styles/            # Folder for CSS files
│   │   ├── main.css       # Main stylesheet
│   ├── images/            # Folder for image assets
│   │   ├── rooms/         # Room-specific images
│   ├── scripts/           # Folder for JavaScript files
│   │   ├── map.js         # JavaScript for the map
├── index.html             # Homepage

---

How to Use

1. Visit the Website: The project is hosted on GitHub Pages. You can access it here.

2. Explore Pages:
   • Room Page: View available rooms with prices and placeholder buttons for booking or reading more.
   • Contact Page: View the interactive map and placeholder contact details.
3. Run Locally:
   • Clone the repository:

     git clone https://github.com/kr8457/webproject.git
     

   • Open index.html or any other page in your browser.

---

Current Limitations

• The “Book Now” and “Read More” buttons are placeholders and do not redirect to functional pages.
• The map is the only interactive JavaScript feature implemented.
• There is no backend integration for booking functionality or dynamic content.

---

Future Enhancements

• Implement functional booking and “Read More” pages.
• Add dynamic features using a backend (e.g., PHP, Node.js) to handle bookings and user queries.
• Enhance the design with high-quality room images and animations.
• Expand the contact page with a working contact form.
• Improve responsiveness and accessibility for a better user experience.
• Optimize JavaScript and CSS for faster load times.

---

Screenshot

Below is a screenshot of the current design of the Adventure Sarai Hotel website:

---

License

This project is licensed under the MIT License. You are free to use, modify, and distribute this project, provided that proper credit is given.

---

Feel free to contribute to this project by submitting pull requests or reporting issues!