Website for hotel built on HTML, CSS and JavaScript
Checkout Demo Here
This project concentrates on building a website for a hotel. The website is based on html, CSS and JavaScript. It focuses on giving the costumer all the information about the hotel and its services. The website gives details of rooms with pictures and also supports a customer feedback system. Many hotel websites do not have a proper feedback or customer grievances redressal forms. Our project aims at developing the customer support mechanism. This project makes use of basic php and two jQuery plugins to make the webpages more dynamic.
During the past several decades Hotel function and information has been transformed from a relatively obscure printed banners and manual customer service to central and top-level management functional web application-based system. There are many factors that have influenced this transformation like technological advances, professionalism, and general recognition of human beings as most important resources.
A computer-based management system is designed to handle all the primary information required to display room information etc. A list of all the services and amenities are some of the things that attract the user/customer. This project intends to introduce more user friendliness in the various activities such as searching for hotel, booking a room, customer feedback and getting the location of the hotel. The entire feedback information will be mailed to the hotel admin for further response generation.
This project explores various aspects of requirements of a website for hotel and tries to go a step further by giving the visitors a sense of being welcomed. The goal of any project is to establish an interactive user interface that is user(visitor) friendly, and that goal is met here in this project. This project is majorly based on HTML, CSS, JavaScript. It also makes use of basic php and jQuery plugins to make the website effective and efficient.
The main objective of the entire activity is to create a website for hotel information.
• Display different rooms available
• Book hotel room
• Show hotel location
• Provide information on hotel services
• Finally compute the bill etc
• Packages available
• Email facility
• Feedbacks
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web. Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML.CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content.
As a multi-paradigm language, JavaScript supports event-driven, functional, and imperative (including object-oriented and prototype-based) programming styles. It has an API for working with text, arrays, dates, regular expressions, and basic manipulation of the DOM, but the language itself does not include any I/O, such as networking, storage, or graphics facilities, relying for these upon the host environment in which it is embedded.
Initially only implemented client-side in web browsers, JavaScript engines are now embedded in many other types of host software, including server-side in web servers and databases, and in non-web programs such as word processors and PDF software, and in runtime environments that make JavaScript available for writing mobile and desktop applications, including desktop widgets.
LightBox Plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector. lightBox is a plugin for jQuery and it was inspired in Lightbox JS. ResponsiveSlides.js is a tiny jQuery plugin that automatically creates responsive slider using images inside a container.
• Pentium or above Processor
• 2GB+ RAM
• Windows 32/64 bit operating System
• Linux or MACOS
• Web Browser
• Server(MAMP or any other)
• Web browser
• HTML
• CSS
• JavaScript
• Php
• jQuery
- This project proposes customer feedback options in website which most of the average hotel website do not offer.
- This project as opposed to real world websites which uses php and angular-js etc., is building entirely on html, CSS and JavaScript, this has been done bring forth the importance of html.
- The outcome of the project helps the costumer to choose the rooms wisely and get varied information on services and location which will eventually be an important factor for the visitor to go ahead with the hotel booking.