Kunal New

Download as pdf or txt
Download as pdf or txt
You are on page 1of 139

“<Hotel Management System>”

Project Report

Submitted in partial fulfillment of the requirement for the award of

Degree of

Bachelors of Computer Application

Submitted to

310 - CIMAGE PROFESSIONAL COLLEGE

Submitted By Under Joint Guidance of


Prof. Raju Upadhyay &
Kunal Kumar Prof. Ram Lakhan
Registration No. -: 21303310206 [Asst. Professor] Computer
BCA-AKU-6th SEM-Year -: 2021-2024 Science & Information
Technology
<Cimage Professional College>
Department of Computer Science & Information Technology
Session 2021-24

DATE:…………………

CERTIFICATE
This is to certify that the work embodies in this project entitled,
“<Hotel
Management System”, being submitted by Kunal Kumar
(21303310206) in partial fulfillment of the requirement for the award
of“Bachelor of Science (Information Technology)” to Aryabhatta knowledge
UNIVERSITY, PATNA during the academic year 2021-24 is a record of
bonafide piece of work, carried out by him/her under our/my supervision and
guidance in the “Department of Computer Science & information
Technology”, Cimage Professional college.

Prof. Neeraj Agrawal Er. Amit Kumar Shukla Prof. Raju Upadhyay & Prof. Ram Lakhan
Director Head of Department-IT Assistant Professor-IT

Page1|
<Cimage Professional College>

Department of Computer Science & Information Technology

Session 2021-24

Date:

APPROVAL CERTIFICATE
The project report entitled “<Hotel Management System”, being submitted by
Kunal Kumar(<21303310206>) has been examined by us and is hereby
approved for the award of degree “Bachelor of Science (Information
Technology)”, for which it has been submitted. It is understood that by this
approval the undersigned do not necessarily endorse or approve any
statement made, the opinion expressed or conclusion drawn therein, but
approve the project only for the purpose for which it has been submitted.

(Internal Examiner) (External Examiner)

Date: Date:

Page2|
Cimage Professional college

Department of Computer Science & Information Technology

Session 2021-24

Date:

DECLARATION

I, Kunal Kumar hereby declare that the work, which is being presented

in the project report entitled “<Hotel Management System>”, partial

fulfillment of the requirements for the award of degree of “Bachelor of

Computer application ” submitted in the department of

Information Technology (Cimage Professional College ) is

an authentic record of my own work carried under the joint guidance of

Prof. Raju Upadhyay Sir and Prof. Ram Lakhan Sir. I have not

submitted the matter embodied in this report for the award of any other

degree.

Kunal Kumar

Registration No : 21303310206

BCA-AKU-6th SEM

Session-2021-2024

Page3|
ACKNOWLEDGEMENT

“A journey is easier when you travel together. Interdependence is certainly more valuable than
independence.”

I would like to thanks, Prof. Raju Upadhyay Sir and Prof. Ram Lakhan Sir, for providing
regular guidance and insight into my project work. I also thank them for all advice he has given me in the past
year, and for always having time for me, whenever I needed.

I give special thanks to Er. Amit Kumar Shukla Sir, Prof. Anjesh Sir and Prof. Pankaj sir
Sir for always being willing to help find solutions to any problems I had with my work.

“The completion of any project depends upon the cooperation, coordination, and
combined efforts of several resources of knowledge, inspiration, and energy”.

I also extend my deepest gratitude to Director, CIMAGE GROUP OF INSTITUITIONS, PATNA,


Prof. Neeraj Agrawal Sir, Dean CIMAGE GROUP OF INSTITUITIONS, PATNA, Prof. Neeraj Kumar
Sir and Centre Head Mrs. Megha Agrawal Mam for providing all the necessary facilities and true encouraging
environment to bring out the best in my endeavors.

I express my gratitude and thanks to all the staff members of Computer Science departments for
their sincere cooperation in furnishing relevant information to complete this Project well in time
successfully.

I extend a special word to my friends, who have been a constant source of inspiration throughout
my project work.

Lastly but not least I must express my cordial thank to my parent and family members who gave
me the moral support without that it is impossible to complete my project work. With this note, I thank
everyone for the support.

Kunal Kumar

Registration No : 21303310206

BCA-AKU-6th SEM

Session-2021-2024

Page4|
Page5|
Report
On
Hotel Booking Management
System
By
Abstract
The aim of ‘Hotel Booking Management System’ is to automate its existing
manual system by the help of computerized equipment and full-fledge
computer software, fulfilling their requirements so that their valuable date
can be stored for a longer period with easy accessing and manipulation of the
same. Basically the project describes how to handle good performance and
provide better services to clients. This project can lead to error free, secure,
reliable and fast management system. This system will help the organization
in better utilization of resources.

Introduction
Introduction:-
The Hotel Booking Management System has been designed to override the
problem of existing manual system. This web application is supported to eliminate
and in some case reduce the hardship faced by manual system. The application is
reduced as much as possible to avoid errors while entering the data. Its also
provide message while entering invalid data. No formal knowledge is required for
the user to operate this system. Overall we said that Hotel Booking Management
System is user friendly.
In Hotel Booking Management System we use PHP and MySQL Database. This
project keeps the records of booking, clients and hotel services. Hotel Booking
Management System has two module i.e. admin and user.
Admin Module

1. Home: In this section, admin can briefly view the total new booking, approved
booking, Cancelled Booking, Total Registered users, total read enquires and total
unread enquires.
2. Room Category: In this section, admin can manage category (add/delete).
3. New Room: In this section, admin can manage rooms(add/update).

4. Page: In this section, admin can manage about us and contact us pages..

5. Booking:In this section, admin can view new, approved, canceled bookings
and also give a remark.
6. Reg Users: In this section, admin can view the detail of registered users.

7.Enquiry: In this section, admin can view and maintain the enquiry.

8. Search: In this section, admin can search enquiry and booking details with the
help of his/her mobile number and booking number respectively.
9. Reports: In this section admin can view the enquiry details and check booking
details in a particular period.

Admin can also update his profile, change the password and recover the password.

User Module
1. Home: It is a welcome page for users.

2. About: It is a about us page of website.

3. Services: In this section, users can view services provided by organization.

4. Room: In this section, user can view details of room which is available in the
hotel.
5. Gallery: In this section, user can view gallery of hotel.
6. Book Room: In this section, user can book the hotel room by registered himself
with hotels.
7. Contact: It is a contact us page where users can send the queries to hotel.
8. Sign Up: Users can register through sign up page.

9. Login: It is login page.


10. My Account: After registration user can have their own account where he/she
can update profile, change password, recover password and view booking details
of hotel room.

Objective

The main objective of the Hotel Booking Management System project is to


manage the details of Hotels, Rooms, Services, Payments, and Booking. This Hotel
Booking Management System will definitely reduce the time, energy and money
wasted in manually searching the details of the booking and registered users. With
the help of this software, all the services and users can be properly channelized.

Existing System

The present scenario offers manual data entry. A lot of time is wasted in creating
the reports as well as maintaining them. In case, if any query arises to get the
information about the booking, queries and registered users, the whole report is re-
typed or xeroxed. This seriously affects the authentication of the system. This
Hotel Booking Management System is totally outdated and involves high risk of
ambiguity and redundancy.

Proposed System

The proposed Hotel Booking Management System is to have everything


completely automated and computerized. The software is very easy to use and
manage even for a non technical person. The redundancy and ambiguity will be
removed by assigning every booking a unique number (i.e Booking Number).
Requirement Specification
Hardware Configuration :

Client Side:
RAM 512 MB

Hard disk 10 GB

Processor 1.0 GHz

Server side:
RAM 1 GB
Hard disk
20 GB
Processor
2.0 GHz

Software Requirement:

Client Side:

Google Chrome or any compatible


Web Browser browser
Operating System
Windows or any equivalent OS
Server Side:

Web Server APACHE

Server side Language PHP5.6 or above version

Database Server MYSQL

Google Chrome or any compatible


Web Browser browser

Operating System Windows or any equivalent OS

APACHE
The Apache HTTP Server Project is an effort to develop and maintain an open-
source HTTP server for modern operating systems including UNIX and Windows.
The goal of this project is to provide a secure, efficient and extensible server that
provides HTTP services in sync with the current HTTP standards.
The Apache HTTP Server ("httpd") was launched in 1995 and it has been the most
popular web server on the Internet since April 1996. It has celebrated its 20th
birthday as a project in February 2015.
PHP

• PHP stands for PHP: Hypertext Preprocessor.


• PHP is a server-side scripting language, like
ASP.
• PHP scripts are executed on the server.
• PHP supports many databases (MYSQL, Informix, Oracle, Sybase,
Solid, Generic ODBC, etc.).

• PHP is an open source software .

• PHP is free to download and use.

MYSQL

• MYSQL is a database server

• MYSQL is ideal for both small and large


applications
• MYSQL supports standard SQL
• MYSQL compiles on a number of platforms

• MYSQL is free to download and use

How to access MySQL: http://localhost/phpmyadmin


Analysis and Design

Analysis:

The present scenario offers manual data entry. A lot of time is wasted in creating

the reports as well as maintaining them. In case, if any query arises to get the

information about the client, the whole report is re-typed or Xeroxed. This

seriously affects the authentication of the system. This Client Management System

is totally outdated and involves high risk of ambiguity and redundancy.

Disadvantage of present system:

• Not user friendly: The present system not user friendly because data is not

stored in structure and proper format.

• Manual Control: All report calculation is done manually so there is a

chance of error.

• Lots of paper work: Visitors maintain in the register so lots of paper

require storing details.

• Time consuming

Design Introduction:
Design is the first step in the development phase for any techniques and principles
for the purpose of defining a device, a process or system in sufficient detail to
permit its physical realization.
Once the software requirements have been analyzed and specified the software
design involves three technical activities - design, coding, implementation and
testing that are required to build and verify the software.

The design activities are of main importance in this phase, because in this activity,
decisions ultimately affecting the success of the software implementation and its
ease of maintenance are made. These decisions have the final bearing upon
reliability and maintainability of the system. Design is the only way to accurately
translate the customer’s requirements into finished software or a system.

Design is the place where quality is fostered in development. Software design is a


process through which requirements are translated into a representation of
software. Software design is conducted in two steps. Preliminary design is
concerned with the transformation of requirements into data

UML Diagrams:
Actor:
A coherent set of roles that users of use cases play when interacting with the
use `cases.

Use case: A description of sequence of actions, including variants, that a system


performs that yields an observable result of value of an actor.
UML stands for Unified Modeling Language. UML is a language for specifying,
visualizing and documenting the system. This is the step while developing any
product after analysis. The goal from this is to produce a model of the entities
involved in the project which later need to be built. The representation of the
entities that are to be used in the product being developed need to be designed.

USECASE DIAGRAMS:

Use case diagrams model behavior within a system and helps the developers
understand of what the user require. The stick man represents what’s called an
actor.

Use case diagram can be useful for getting an overall view of the system and
clarifying who can do and more importantly what they can’t do.

Use case diagram consists of use cases and actors and shows the interaction
between the use case and actors.

• The purpose is to show the interactions between the use case and actor.
• To represent the system requirements from user’s perspective.
• An actor could be the end-user of the system or an external system.

USECASE DIAGRAM: A Use case is a description of set of sequence of actions.


Graphically it is rendered as an ellipse with solid line including only its name. Use
case diagram is a behavioral diagram that shows a set of use cases and
actors and their relationship. It is an association between the use cases and
actors. An actor represents a real-world object. Primary Actor – Sender,
Secondary Actor Receiver.
Signin

Use Case Diagrams:


Home
Admin
Add Room Category

Manage Room Category

Add Facility

Manage Facility

Add Room

Manage Room

(Add/Update

Page(Aboutus/Contactus)

Manage Booking

Manage Enquiry

Generate Reports

Search(Booking/Enquirie

Update Profile

Change Password

Password Recovery
Users
Sign Up

Login

Dashboard

Book Room

View Booking Detail

View Services

View Gallery

View About us

View Contact us

Update Profile

Change Password

Password Recovery
Class Diagram:
A description of set of objects that share the same attributes operations,
relationships, and semantics

ER Diagram: The Entity-Relationship (ER) model was originally proposed by


Peter in 1976
[Chen76] as a way to unify the network and relational database views. Simply
stated the ER model is a conceptual data model that views the real world as
entities
and relationships. A basic component of the model is the Entity-Relationship
diagram which is used to visually represent data objects. Since Chen wrote
his
paper the model has been extended and today it is commonly used for
database
design for the database designer, the utility of the ER model is:
• It maps well to the relational model. The constructs used in the ER model
can easily be transformed into relational tables.
• It is simple and easy to understand with a minimum of training. Therefore,
the model can be used by the database designer to communicate the design
to the end user.
• In addition, the model can be used as a design plan by the database
developer to implement a data model in specific database management
software.

ER Notation
There is no standard for representing data objects in ER diagrams. Each modeling
methodology uses its own notation. The original notation used by Chen is widely
used in academics texts and journals but rarely seen in either CASE tools or
publications by non-academics. Today, there are a number of notations used;
among the more common are Bachman, crow's foot, and IDEFIX.
All notational styles represent entities as rectangular boxes and relationships as
lines connecting boxes. Each style uses a special set of symbols to represent the
cardinality of a connection. The notation used in this document is from Martin. The
symbols used for the basic ER constructs are:

• Entities are represented by labeled rectangles. The label is the name of the

entity. Entity names should be singular nouns.

• Relationships are represented by a solid line connecting two entities. The

name of the relationship is written above the line. Relationship names should

be verbs
• Attributes, when included, are listed inside the entity rectangle. Attributes

which are identifiers are underlined. Attribute names should be singular

nouns.

• Cardinality of many is represented by a line ending in a crow's foot. If the

crow's foot is omitted, the cardinality is one.

Existence is represented by placing a circle or a perpendicular bar on the line.


Mandatory existence is shown by the bar (looks like a 1) next to the entity for an
instance is required. Optional existence is shown by placing a circle next to the
entity that is optional.

ER Diagram
MySQL Data Tables:
Admin Table :(Table name is admin)
This store admin personal and login details.

Booking Table (Table name is tblbooking)


This store the detail of room booking
Room Category Table: (Table name is tblcategory)

This store the room category detail

Contact Table: (Table name is tblcontact)


This table stores the data of contact person

Facility Table: (Table name is tblfacility)


This table stores the data of facility which is available by hotels.
Page Table: (Table name is tblpage)

This table stores the about us and contact us details of hotels.

Room Table: (Table name is tblroom)


This table stores the details of hotel rooms.

User Table: (Table name is tblroom)


This table stores the details of registered users.
Implementation and System Testing
After all phase have been perfectly done, the system will be implemented to the
server and the system can be used.

System Testing

The goal of the system testing process was to determine all faults in our project .The
program was subjected to a set of test inputs and many explanations were made and bas
on these explanations it will be decided whether the program behaves as expected or no
Our Project went through two levels of testing
1. Unit testing
2. Integration testing

UNIT TESTING
Unit testing is commenced when a unit has been created and effectively reviewed
.In order to test a single module we need to provide a complete environment i.e.
besides the section we would require
• The procedures belonging to other units that the unit under test calls

• Non local data structures that module accesses

• A procedure to call the functions of the unit under test with


appropriate parameters

1. Test for the admin module

• Testing admin login form-This form is used for log in of administrator of


the system. In this form we enter the username and password if both are
correct administration page will open otherwise if any of data is wrong it
will get redirected back to the login page and again ask the details

• Report Generation: admin can generate report from the main database.

INTEGRATION TESTING

In the Integration testing we test various combination of the project module by


providing the input.
The primary objective is to test the module interfaces in order to confirm that no
errors are occurring when one module invokes the other module.
<?php
session_start();

error_reporting(0);
include('includes/dbconnection.php'); ?> <!DOCTYPE HTML> <html>

<head> <title>Hotel Booking Management System | About Us ::

Page</title> <link href="css/bootstrap.css" rel="stylesheet"

type="text/css" media="all"> <link href="css/style.css"

rel="stylesheet" type="text/css" media="all" />

<script type="application/x-javascript"> addEventListener("load", function() {


setTimeout(hideURLbar, 0); }, false); function hideURLbar(){
window.scrollTo(0,1); } </script>
<script src="js/jquery-1.11.1.min.js"></script>

<script src="js/bootstrap.js"></script>
<script src="js/responsiveslides.min.js"></script>

<script>
$(function () {

$("#slider").responsiveSlides({

auto: true,

nav: true,
speed: 500,

namespace: "callbacks",
pager: true,

});

});

</script>

</head>
<body>

<!--header-->

<div class="header head-top">

<div class="container">

<?php include_once('includes/header.php');?>

</div>

</div>

<!--header-->

<!--about-->

<div class="content">

<div class="about-section">

<div class="container">

<?php

$sql="SELECT * from tblpage where PageType='aboutus'";


$query = $dbh -> prepare($sql);

$query->execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;

if($query->rowCount() > 0)

foreach($results as $row)

{ ?>

<h2><?php echo htmlentities($row->PageTitle);?></h2>

<img src="images/p11.jpg" class="img-responsive"


alt="/">

<h5><?php echo htmlentities($row->PageTitle);?></h5>


<p><?php echo htmlentities($row-
>PageDescription);?>.</p>

<?php $cnt=$cnt+1;}} ?>

</div>

</div>
<!--about-->

<?php include_once('includes/getintouch.php');?>

</div>

<?php include_once('includes/footer.php');?>

</body>
</html>
Preload images */
body:after {

display: none;

.lightboxOverlay {

position: absolute;

top: 0;
left: 0;

z-index: 9999;
background-color: black;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;

display: none;

.lightbox {

position: absolute;

left: 0;
width: 100%;

z-index: 10000;
text-align: center;
line-height: 0;

font-weight: normal;

.lightbox .lb-image {

display: block;

height: auto;
max-width: inherit;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;

-ms-border-radius: 3px;
-o-border-radius: 3px;

border-radius: 3px;

.lightbox a img {

border: none;

.lb-outerContainer {
position: relative;

background-color: white;
*zoom: 1;
width: 250px;

height: 250px;

margin:5em auto 0.5em auto;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-ms-border-radius: 4px;

-o-border-radius: 4px;

border-radius: 4px;

.lb-outerContainer:after {

content: "";

display: table;
clear: both;

.lb-container {

padding: 4px;

.lb-loader {

position: absolute;

top: 43%;
left: 0;

height: 25%;

width: 100%;

text-align: center;

line-height: 0;

.lb-cancel {

display: block;

width: 32px;
height: 32px;

margin: 0 auto;

.lb-nav {

position: absolute;

top: 0;
left: 0;

height: 100%;
width: 100%;

z-index: 10;

}
.lb-container > .nav {

left: 0;

.lb-nav a {

outline: none;

background-image:
url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAA
LAAAAAABAAEAAAICRAEAOw==');

.lb-prev, .lb-next {

height: 100%;

cursor: pointer;

display: block;

.lb-nav a.lb-prev {

width: 34%;

left: 0;
float: left;

background: url(../images/prev.png) left 48% no-repeat;


filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;
-webkit-transition: opacity 0.6s;

-moz-transition: opacity 0.6s;


-o-transition: opacity 0.6s;
transition: opacity 0.6s;

.lb-nav a.lb-prev:hover {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

opacity: 1;

.lb-nav a.lb-next {

width: 64%;

right: 0;
float: right;

background: url(../images/next.png) right 48% no-repeat;


filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

opacity: 0;
-webkit-transition: opacity 0.6s;

-moz-transition: opacity 0.6s;


-o-transition: opacity 0.6s;

transition: opacity 0.6s;

}
.lb-nav a.lb-next:hover {

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;

.lb-dataContainer {

margin: 0 auto;

padding-top: 5px;
*zoom: 1;

width: 100%;
-moz-border-radius-bottomleft: 4px;

-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;

-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;

border-bottom-right-radius: 4px;

.lb-dataContainer:after {

content: "";

display: table;
clear: both;
}

.lb-data {

padding: 0 4px;

color: #ccc;

.lb-data .lb-details {

width: 85%;

float: left;
text-align: left;

line-height: 1.1em;

.lb-data .lb-caption {

font-size: 13px;

font-weight: bold;
line-height: 1em;

.lb-data .lb-number {

display: block;

clear: left;
padding-bottom: 1em;

font-size: 12px;

color: #999999;

.lb-data .lb-close {

display: block;

float: right;
width: 30px;

height: 30px;
background: url(../images/close.png) top right no-repeat;

text-align: right;
outline: none;

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;

-webkit-transition: opacity 0.2s;


-moz-transition: opacity 0.2s;

-o-transition: opacity 0.2s;


transition: opacity 0.2s;

.lb-data .lb-close:hover {

cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

opacity: 1;

@media (max-width: 768px){

HTMl

/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

@font-face {

font-family: 'Rancho-Regular';

src:url(../fonts/Rancho-Regular.ttf) format('truetype');

@font-face {

font-family: 'OpenSans-Regular';

src:url(../fonts/OpenSans-Regular.ttf) format('truetype');

body a{

transition:0.5s all;

-webkit-transition:0.5s all;
-moz-transition:0.5s all;

-o-transition:0.5s all;

-ms-transition:0.5s all;

input[type="button"]{

transition:0.5s all;

-webkit-transition:0.5s all;

-moz-transition:0.5s all;

-o-transition:0.5s all;

-ms-transition:0.5s all;

h1,h2,h3,h4,h5,h6{

padding:0 0;

margin:0 0;

p{

padding:0 0;

margin:0 0;

ul{

padding:0 0;

margin:0 0;
}

body{

padding:0 0;

margin:0 0;

font-family: 'OpenSans-Regular'

.header-top {

margin-top: 1em;

.navbar-brand {

float: left;

margin-left: 0.8em;

.navbar {

border-radius: 0px;

.navbar-nav {

float: right;

margin: 0;

.navbar-default {

background: none!important;

border: none!important;
}
.top-menu ul li {

display: inline-block;
margin: 0.8em 1em;

}
.navbar-brand h1 a {

text-decoration: none;

color:#fff;
font-size: 1.5em;

font-family: 'Rancho-Regular';
text-transform: capitalize;
letter-spacing: 2px;

line-height: .5em;

}
.navbar-default .navbar-nav > li > a {

color: #fff;

font-family: 'Rancho-Regular';

font-size: 1.4em;

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li >


a:focus {
color: #fff;
background-color: rgba(249, 255, 247, 0.43);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >
a:hover, .navbar-default .navbar-nav > .active > a:focus {

color: #fff;
background-color: rgba(249, 255, 247, 0.43);

}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

color: #fff;
text-decoration: none;

background-color: #5ab645

.navbar {

position: relative;

min-height: 50px;
margin-bottom: 0;

border: 1px solid transparent;

.navbar-brand {

float: left;

height: 0px;
padding: 0px 15px;

font-size: 18px;
line-height: 20px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open >
a:hover, .navbar-default .navbar-nav > .open > a:focus {

color: #fff;
background-color: rgba(249, 255, 247, 0.43);

}
.dropdown-menu > li > a {

display: block;
padding: 10px 20px;

color: #000;
font-family: 'Rancho-Regular';

font-size: 1.2em;

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

margin-left: 0px;

}
.dropdown-menu {

min-width: 150px;
padding: 0px 0;

border: 1px solid #fff;

.navbar-default {
padding: 1.2em 0;

.navbar-collapse {

max-height: 340px;

padding-right: 0px;

padding-left: 0px;

.header{

background:url(../images/banner11.jpg) no-repeat 0px 0px;

background-size:cover;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

-ms-background-size: cover;

min-height:764px;

padding-bottom: 4em;

.slider {

position: relative;

text-align: center;

width: 100%;

margin: 20em 0 0;

}
.rslides {

position: relative;

list-style: none;

overflow: hidden;

width: 100%;

padding: 0;

margin: 0;

.rslides h3{

color: #fff;

font-size: 4em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

.rslides h3 span {

color: #fff;

background-color: rgba(249, 255, 247, 0.42);

padding: .5em;

.rslides li {

-webkit-backface-visibility: hidden;

position: absolute;
display: none;

width: 100%;

left: 0;

top: 0;

.rslides li:first-child {

position: relative;

display: block;

float: left;

.rslides li:first-child {

position: relative;

display: block;

float: left;

.callbacks_tabs a:after {

content: "\f111";

font-size: 0;

font-family: FontAwesome;

visibility: visible;

display: block;

height: 8px;

width: 8px;
display: inline-block;

border: 2px solid #fff;

border-radius:50%;

background:#fff;

.callbacks_here a:after{

border: 2px solid #FFF;

background:transparent;

.callbacks_tabs a{

visibility:hidden;

.callbacks_tabs li{

display:inline-block;

ul.callbacks_tabs.callbacks1_tabs {

position: absolute;

bottom: 29px;

z-index: 999;

left: 46%;

display: none;

.callbacks_nav {
position: absolute;

-webkit-tap-highlight-color: rgba(0,0,0,0);

top: 73%;

left: 15%;

opacity: 0.7;

z-index: 3;

text-indent: -9999px;

overflow: hidden;

text-decoration: none;

height: 61px;

width: 38px;

margin-top: -45px;

.callbacks_nav.next {

left: auto;

background-position: right top;

right: 15%;

.Welcome-section {

padding: 4em 0;

text-align: center;

.Welcome-section h2 {
font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.Welcome-grids {

margin-top: 3em;

.welcome-grid h4 {

font-size: 1.5em;

text-transform: capitalize;

padding: 0.5em 0 0.4em;

color: #222;

.welcome-grid1 {

border: 7px solid#fff;

.welcome-grid1:hover {

border: 7px solid#5ab645

.welcome-grid p {

font-size: 1em;

line-height: 1.8em;
color: #777;

.features {

text-align: center;

padding: 4em 0;

background:#eee;

.feature {

background: #fff;

border: 1px solid #E9E9E9;

.features h3 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.feature2 p {

font-size: 1em;

line-height: 1.8em;

color: #777;

border-top: 5px solid #F2F2F2;

padding: 1.5em;
}

.feature1 h4 {

font-size: 1.5em;

color: #222;

padding: 1em 0 0.5em;

text-transform: capitalize;

span.glyphicon.glyphicon-user,span.glyphicon.glyphicon-
camera,span.glyphicon.glyphicon-calendar,span.glyphicon.glyphicon-gift {

border-radius: 4em;
font-size: 2em;

-webkit-border-radius: 4em;
-moz-border-radius: 4em;

-o-border-radius: 4em;
border: 5px solid #FFF;

box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);


-webkit-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);

-moz-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);


-o-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);

display: inline-block;
padding: 32px;

background: #5ab645;
background: -moz-linear-gradient(top, #03bcfd 0%, #019bd1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-
stop(0%,#5ab645), color-stop(100%,#5ab645));

background: -webkit-linear-gradient(top, #5ab645 0%,#5ab645 100%);


background: -o-linear-gradient(top, #03bcfd 0%,#019bd1 100%);

background: -ms-linear-gradient(top, #03bcfd 0%,#019bd1 100%);


background: linear-gradient(to bottom, #5ab645 0%,#5ab645 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03bcfd',


endColorstr='#019bd1',GradientType=0 );

cursor: pointer;
transition: 0.5s ease;

-moz-transition: 0.5s ease;


-o-transition: 0.5s ease;

-webkit-transition: 0.5s ease;


color: #fff;

}
span.glyphicon.glyphicon-user:hover {

background-color: #222;
background-image: -moz-linear-gradient(top,#222,#222);

background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));


background-image: -webkit-linear-gradient(top,#222,#222);

background-image: -o-linear-gradient(top,#222,#222);
background-image: linear-gradient(to bottom,#222,#222);

background-repeat: repeat-x;
}

span.glyphicon.glyphicon-camera:hover{

background-color: #222;

background-image: -moz-linear-gradient(top,#222,#222);

background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));

background-image: -webkit-linear-gradient(top,#222,#222);

background-image: -o-linear-gradient(top,#222,#222);

background-image: linear-gradient(to bottom,#222,#222);

background-repeat: repeat-x;

span.glyphicon.glyphicon-calendar:hover{

background-color: #222;

background-image: -moz-linear-gradient(top,#222,#222);

background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));

background-image: -webkit-linear-gradient(top,#222,#222);

background-image: -o-linear-gradient(top,#222,#222);

background-image: linear-gradient(to bottom,#222,#222);

background-repeat: repeat-x;

span.glyphicon.glyphicon-gift:hover{

background-color: #222;

background-image: -moz-linear-gradient(top,#222,#222);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));

background-image: -webkit-linear-gradient(top,#222,#222);

background-image: -o-linear-gradient(top,#222,#222);

background-image: linear-gradient(to bottom,#222,#222);

background-repeat: repeat-x;

.features-grids {

margin-top: 3em;

.feature1 {

padding: 1.5em;

/*-- slider --*/

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {

display: none;

.nbs-flexisel-container {

position: relative;

max-width: 100%;

.nbs-flexisel-ul {

position: relative;

width: 9999px;
margin: 0px;

padding: 0px;

list-style-type: none;

text-align: center;

.nbs-flexisel-inner {

overflow: hidden;

margin-top: 0;

.nbs-flexisel-item {

float: left;

margin: 0px;

padding: 0px;

cursor: pointer;

position: relative;

ul#flexiselDemo1 li a{

text-decoration:none;

display:block;

ul#flexiselDemo1 li a h4{

text-align: left;

padding-left: 14px;
color:#478D06;

font-family: 'Rancho-Regular';

font-size:1.2em;

margin-top:0.5em;

ul#flexiselDemo1 li a h4:hover{

color: #DBC585;

.nbs-flexisel-item > a img {

cursor: auto;

position: relative;

width: 100%;

margin: 0;

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

width: 45px;

height: 45px;

position: absolute;

cursor: pointer;

z-index: 100;

margin-top:0em;

.nbs-flexisel-nav-left {
left: 0;

background: url(../images/img-sprite-left-right.png) no-repeat 0px 0px;

.nbs-flexisel-nav-right {

right: 0px;

background: url(../images/img-sprite-left-right.png) no-repeat -54px 0px;

.most-popular {

padding: 4em 0;

.popular-grid h3,.popular-grid1 h3 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.popular-grid ul li a {

font-size: 0.95em;

line-height: 2em;

color: #777;

text-decoration: none;

margin-top: 2em;

padding: 6px 24px;


background: url(../images/list-arrow.png) no-repeat 0px 10px;

.popular-grid ul {

margin-top: 2em;

list-style: none;

.popular-grid1 p {

font-size: 1em;

line-height: 1.8em;

color: #777;

margin: 2em 0;

background: url(../images/quote.png) no-repeat 0px 0px;

padding-left: 3em;

.popular-grid1 h4 a {

font-size: 0.9em;

text-decoration: none;

color: #222;

text-transform: uppercase;

padding-left: 3em;

.popular-grid ul li a:hover {

color: #5ab645
}

.touch-section {

padding: 4em 0;

text-align: center;

background-color: #eee;

.touch-grids {

margin-top: 3em;

.touch-grid h4 {

font-size: 1.5em;

color: #222;

text-transform: capitalize;

.touch-section h3 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.touch-grid h5 {

font-size: 1.1em;

padding: 1em 0;
color: #222;

.touch-grid p {

font-size: 1em;

line-height: 1.8em;

color: #777;

.touch-grid p a {

text-decoration: none;

color: #777;

.footer-section{

padding:2em 0;

text-align:center;

background: #5ab645

.footer-top p {

font-size: 0.9em;

color: #fff;

font-weight: 400;

.footer-top a {

font-size: 1em;
color:#fff;

font-weight: 400;

text-transform: capitalize;

.footer-top a:hover {

color: #fff;

.footer-top a {

margin: 0 0.3em

/**about**/

.head-top {

min-height: 115px !important;

.about-section{

padding:4em 0;

text-align:center;

.about-section h2 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;
margin-bottom: 0.5em;

.about-section img {

width: 100%;

.about-section h5 {

font-size: 1.2em;

text-transform: capitalize;

color: #222;

margin: 0.8em 0;

font-weight: 600;

.about-section p {

font-size: 1em;

line-height: 2em;

color: #777;

.why-choose {

padding: 4em 0 ;

text-align: center;

background-color: #222;

.why-choose h3 {
font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #fff;

.choose-grid h4{

font-size: 1.5em;

color: #fff;

text-transform: capitalize;

.choose-grid p{

font-size:1em;

line-height:1.8em;

color:#eee;

margin:1em 0 0

.choose-grids {

margin-top: 3em;

.ourteam {

padding:4em 0;

text-align: center;

}
.ourteam h3 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.team-grid h4{

font-size: 1.5em;

color: #222;

text-transform: capitalize;

margin: 0.5em 0 0.3em;

.team-grid p {

font-size: 1em;

color: #777;

line-height: 2em;

.team-grids {

margin-top: 3em;

.whatweoffer {

padding: 4em 0;

background:#222;
}

.whatweoffer h3 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #fff;

text-align:center;

.offer-grids {

margin-top: 3em;

.offer-grid h4 {

font-size: 1.5em;

color: #fff;

line-height:1.5em

.offer-grid1 h4 {

font-size: 1.5em;

margin-bottom: .5em;

color: #fff;

line-height:1.5em

.offer-grid p{
font-size:1em;

line-height:1.8em;

color:#777;

padding-top: 1em;

.progress-bar-success {

background-color: #5ab645

.progress-bar-info {

background-color: #5ab645

.progress-bar-warning {

background-color: #5ab645

.progress-bar-danger {

background-color:#5ab645

.progress {

background-color: #fff;

/**about**/

/*--services start here--*/

.services {
padding: 4em 0em;

.services-main h2 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

text-align:center;

.services1 {

margin: 3em 0;

.serv-text h4 {

color: #5ab645;

text-transform: capitalize;

font-weight: 600;

font-size:1.5em;

.serv-text p {

font-size: 1em;

color: #777;

line-height: 1.8em;

padding: .5em 0 0;
}

.packages-section h3 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.packages-section {

text-align: center;

padding: 4em 0;

.packages-grid h4 {

font-size: 1.5em;

color: #222;

padding: 0.5em 0;

text-transform: capitalize;

.packages-grid p {

font-size: 1em;

color: #777;

.packages-grid1:hover {

border: 7px solid#5ab645;


}

.packages-grid1 {

border: 7px solid#fff;

.packages-grids {

margin-top: 3em;

.gallery h2 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.gallery {

text-align: center;

padding: 4em 0;

/*-- gallery --*/

.gallery-top {

padding: 4em 0;

text-align:center;

.gallery-grids-top {
margin-top: 3em ;

.gallery-info h2 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.gallery-info p {

color: #B2B2B2;

font-size: .9em;

margin: 1em auto 0;

line-height: 1.8em;

width: 70%;

.gallery-grid a {

display: block;

.gallery-grid img {

width: 100%;

.gallery-grid:hover img {

-webkit-filter: grayscale(100%);
opacity: 8;

transition: all 300ms!important;

-webkit-transition: all 300ms!important;

-moz-transition: all 300ms!important;

.gallery-grids-middle{

margin:2em 0;

.room-section {

padding: 4em 0;

.room-grids {

margin-top: 3em;

.room-section h2 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

text-align: center;

.room2 {

margin: 2em 0;
}

.room4 {

margin-top: 2em ;

.room-grid1 h4 {

font-size: 1.5em;

color: #5ab645;

font-weight: 600;

text-transform: capitalize;

.room-grid img {

width: 100%;

.room-grid1 p {

font-size: 1em;

color: #777;

line-height:2em;

margin: 1em 0 0em;

a.mask {

text-decoration: none;

overflow: hidden;

display: block;
}

img.zoom-img {

-webkit-transform: scale(1, 1);

-webkit-transition-timing-function: ease-out;

-webkit-transition-duration: 250ms;

-moz-transform: scale(1, 1);

-moz-transition-timing-function: ease-out;

-moz-transition-duration: 250ms;

img.zoom-img:hover {

-webkit-transform: scale(1.1);

-webkit-transition-timing-function: ease-out;

-webkit-transition-duration: 750ms;

-moz-transform: scale(1.1);

-moz-transition-timing-function: ease-out;

-moz-transition-duration: 750ms;

overflow: hidden;

/*-- typography --*/

.typography-info {

text-align: center;

margin-bottom: 3em;

}
h2.type {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

.typography {

padding: 4em 0;

.show-grid [class^=col-] {

background: #fff;

text-align: center;

margin-bottom: 10px;

line-height: 2em;

border: 10px solid #f0f0f0;

.show-grid [class*="col-"]:hover {

background: #e0e0e0;

.grid_3{

margin-bottom:2em;

.xs h3, h3.m_1{


color:#000;

font-size:1.7em;

font-weight:300;

margin-bottom: 1em;

.grid_3 p{

color: #999;

font-size: 0.85em;

margin-bottom: 1em;

font-weight: 300;

.grid_4{

background:none;

margin-top:50px;

.label {

font-weight: 300 !important;

border-radius:4px;

-webkit-border-radius:4px;

-moz-border-radius:4px;

.grid_5{

background:none;
padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg {

margin-bottom: 1em;
color: #222;

}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table >
thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

border-top: none !important;

.tab-content > .active {

display: block;

visibility: visible;

.pagination > .active > a, .pagination > .active > span, .pagination > .active >
a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 0;

}
.badge-primary {

background-color: #03a9f4;
}
.badge-success {

background-color: #8bc34a;
}

.badge-warning {

background-color: #ffc107;

.badge-danger {

background-color: #e51c23;

.grid_3 p{

line-height: 2em;

color: #888;

font-size: 0.9em;

margin-bottom: 1em;

font-weight: 300;

.bs-docs-example {

margin: 1em 0;

section#tables p {

margin-top: 1em;

.tab-container .tab-content {

border-radius: 0 2px 2px 2px;

border: 1px solid #e0e0e0;


padding: 16px;

background-color: #ffffff;

.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td,


.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

padding: 15px!important;

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table >
thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
font-size: 0.9em;
color: #999;

border-top: none !important;

.tab-content > .active {

display: block;

visibility: visible;

.label {

font-weight: 300 !important;

}
.label {

padding: 4px 6px;


border: none;
text-shadow: none;

.nav-tabs {

margin-bottom: 1em;

.alert {

font-size: 0.85em;

h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {

line-height:1.8em;

margin-top:0.5em;

margin-bottom: 0.5em;

} li.list-group-

item1 { line-height:

2.5em;

.input-group {

margin-bottom: 20px;

.in-gp-tl{

padding:0;

.in-gp-tb{
padding-right:0;

.list-group {

margin-bottom: 48px;

ol {

margin-bottom: 44px;

h2.typoh2{

margin: 0 0 10px;

@media (max-width:768px){

.grid_5 {

padding: 0 0 1em;

.grid_3 {

margin-bottom: 0em;

@media (max-width:640px){

h1, .h1, h2, .h2, h3, .h3 {

margin-top: 0px;

margin-bottom: 0px;
}

.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {

margin-bottom: .5em;

.progress {

height: 10px;

margin-bottom: 10px;

ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {

font-size: 14px;

.breadcrumb {

margin-bottom: 10px;

.well {

font-size: 14px;

margin-bottom: 10px;

h2.typoh2 {

font-size: 1.5em;

@media (max-width:480px){
.table h1 {

font-size: 26px;

.table h2 {

font-size: 23px;

.table h3 {

font-size: 20px;

.label {

font-size: 53%;

.alert,p {

font-size: 14px;

.pagination {

margin: 20px 0 0px;

@media (max-width: 320px){

.grid_4 {

margin-top: 18px;

}
h3.title {

font-size: 1.6em;

.alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-


item1,a.list-group-item {

font-size: 13px;

.alert {

padding: 10px;

margin-bottom: 10px;

ul.pagination li a {

font-size: 14px;

padding: 5px 11px;

.list-group {

margin-bottom: 10px;

}
.well {

padding: 10px;

.nav > li > a {

font-size: 14px;
}

table.table.table-striped,.table-bordered,.bs-docs-example {

display: none;

/*-- //typography --*/

/***contact page ***/

.contact{

padding: 4em 0;

.contact h2 {

font-size: 3.5em;

text-transform: capitalize;

font-family: 'Rancho-Regular';

color: #222;

text-align:center;

.google-map iframe {

width: 100%;

min-height: 400px;

border: none;

margin-bottom: 2em;

}
.google-map {

margin-top: 3em;

.contact-left p {

color: #777;

font-size: 1em;

line-height: 1.8em;

.contact-left p a {

text-decoration: none;

color: #777;

address {

margin: 1em 0 0;

.contact-right h5{

font-size:1em;

text-transform: uppercase;

font-weight: 400;

padding: 10px 0;

color: #222;

}
.contact-right input[type="text"] {

width: 100%;

padding: 10px 10px;

font-size: 1em;

outline: none;

border: 1px solid #dcdee0;

.contact-right textarea {

width: 100%;

padding: 10px 10px;

font-size: 1em;

height: 10em;

resize: none;

outline: none;

border: 1px solid #dcdee0;

.contact-right input[type="submit"] {

width: 20%;

font-size: 1em;

text-transform: uppercase;

background: #222;

border: none;

outline: none;
margin-top: 0.5em;

color: #fff;

font-weight: 500;

padding: 10px 0;

.contact-right input[type="submit"]:hover {

background: #5ab645;

/***End contact page ***/

/**responsive**/

@media (max-width:1440px){

.slider {

margin: 18em 0 0;

}
.header {

min-height: 679px;

}
@media (max-width:1366px){

.header {

min-height: 652px;

}
.slider {

margin: 16em 0 0;

} } <!DOCTYPE HTML> <html> <head> <title>Hotel Booking

Management System | Home :: Page</title> <link

href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">

<link href="css/style.css" rel="stylesheet" type="text/css" media="all"

/>

<script type="application/x-javascript"> addEventListener("load", function() {


setTimeout(hideURLbar, 0); }, false); function hideURLbar(){
window.scrollTo(0,1); } </script>

<script src="js/jquery-1.11.1.min.js"></script>

<script src="js/bootstrap.js"></script>
<script src="js/responsiveslides.min.js"></script>

<script>
$(function () {

$("#slider").responsiveSlides({

auto: true,

nav: true,
speed: 500,
namespace: "callbacks",
pager: true,

});

});

</script>

</head>
<body>

<!--header-->

<div class="header">

<div class="container">
<?php include_once('includes/header.php');?>

<div class="slider">
<div class="callbacks_container">

<ul class="rslides" id="slider">


<li>

<h3>great choice of
<span>hotels</span> </h3>

</li>
<li>

<h3>best rates
<span>guaranteed</span> </h3>

</li>
<li>

<h3>the best place to


<span>relax</span> </h3>

</li>

</ul>

</div>

</div>

</div>

</div>

<!--header-->

<div class="content">

<div class="features">

<div class="container">

<h3>Services</h3>

<div class="features-grids">

<?php

$sql="SELECT * from tblfacility order by rand() limit 4";

$query = $dbh -> prepare($sql);


$query->execute();

$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;

if($query->rowCount() > 0)

foreach($results as $row)

{ ?>

<div class="col-md-3 feature-


grid">

<div class="feature">

<div class="feature1">

<span
class="glyphicon glyphicon-user" aria-hidden="true"></span>

<h4><?php echo
htmlentities($row->FacilityTitle);?></h4>

</div>
<div class="feature2">

<p><?php echo
htmlentities($row->Description);?>. </p>

</div>

</div>

</div>
<?php $cnt=$cnt+1;}} ?>
<div
class="clearfix"></div>

</div>

</div>

</div>

<!-- slider -->

<div class="slider1">

<div class="arrival-grids">

<ul id="flexiselDemo1">
<li>

<a href="index.php"><img src="images/s1.jpg"


alt=""/>

</a>

</li>

<li>

<a href="index.php"><img src="images/s2.jpg"


alt=""/>

</a>

</li>

<li>

<a href="index.php"><img src="images/s3.jpg"


alt=""/>

</a>

</li>
<li>

<a href="index.php"><img src="images/s4.jpg"


alt=""/>

</a>

</li>
<li>

<a href="index.php"><img src="images/s5.jpg"


alt=""/>

</a>

</li>

<li>

<a href="index.php"><img src="images/s6.jpg"


alt=""/>

</a>

</li> </ul> <script

type="text/javascript">

$(window).load(function() {

$("#flexiselDemo1").flexisel({

visibleItems: 4,

animationSpeed: 1000,

autoPlay: true,

autoPlaySpeed: 3000,

pauseOnHover:true,
enableResponsiveBreakpoints: true,

responsiveBreakpoints: {

portrait: {

changePoint:480,

visibleItems: 1

},

landscape: {

changePoint:640,

visibleItems: 2

},

tablet: {

changePoint:768,

visibleItems: 3

}); }); </script> <script

type="text/javascript"

src="js/jquery.flexisel.js"></script>

</div>

</div>

<!-- //slider -->


<!--GET IN TOUCH-->

<?php include_once('includes/getintouch.php');?>

</div>

<!--footer-->

<?php include_once('includes/footer.php');?>

</body>
</html>

<?php
EVALUATION
Project URL: http://localhost/hbms
Home Page
User Login Page
Sign Up
About Us
Contact Us
Profile
Change Password
View All Booking Detail
View Single Booking Detail
Invoice
Book Room
Hotel Gallery
View Rooms Detail
Services

Forgot Password
Admin Login Page

Dashboard
Admin Profile

Change Password
Add Category
Manage Category

Add Facility
Manage Facility
Add Room
Manage Rooms
Update Room
Update Room Image

About Us Page
Contact Us
All Booking

New Booking
View New Booking Details
Approved Booking
View Approved Booking Details
Cancelled Booking
View Cancelled Booking Detail
Registered Users

Read Enquiry
View Read Enquiry

Unread Enquiry
View unread Enquiry

Search Enquiry
Search Booking

Enquiry Report
Detail of Enquiry Report

Booking Report
Detail of Booking Report

Forgot Password
CONCLUSION:
This Application provides a computerized and automated version of Hotel
Booking Management System which will benefit the hotel companies and their
users.

It makes entire process online and can generate reports. It has a facility of user’s
login where users can view their booking details.

The Application was designed in such a way that future changes can be
done easily. The following conclusions can be deduced from the development of
the project.

• Automation of the entire system improves the productivity.


• It provides a friendly graphical user interface which proves to be
better when compared to the existing system.
• It gives appropriate access to the authorized users depending on their
permissions.
• It effectively overcomes the delay in communications.
• Updating of information becomes so easier.
• System security, data security and reliability are the striking features.
• The System has adequate scope for modification in future if it is
necessary.
References
For PHP
• https://www.w3schools.com/php/default.asp
• https://www.sitepoint.com/php/
• https://www.php.net/

For MySQL

• https://www.mysql.com/
• http://www.mysqltutorial.org

For XAMPP

• https://www.apachefriends.org/download.html

You might also like