Kunal New
Kunal New
Kunal New
Project Report
Degree of
Submitted to
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>
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.
Date: Date:
Page2|
Cimage Professional college
Session 2021-24
Date:
DECLARATION
I, Kunal Kumar hereby declare that the work, which is being presented
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 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.
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.
Objective
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
Client Side:
RAM 512 MB
Hard disk 10 GB
Server side:
RAM 1 GB
Hard disk
20 GB
Processor
2.0 GHz
Software Requirement:
Client Side:
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
MYSQL
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
• Not user friendly: The present system not user friendly because data is not
chance of error.
• 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.
UML Diagrams:
Actor:
A coherent set of roles that users of use cases play when interacting with the
use `cases.
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.
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 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 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
name of the relationship is written above the line. Relationship names should
be verbs
• Attributes, when included, are listed inside the entity rectangle. Attributes
nouns.
ER Diagram
MySQL Data Tables:
Admin Table :(Table name is admin)
This store admin personal and login details.
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
• Report Generation: admin can generate report from the main database.
INTEGRATION TESTING
error_reporting(0);
include('includes/dbconnection.php'); ?> <!DOCTYPE HTML> <html>
<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="container">
<?php include_once('includes/header.php');?>
</div>
</div>
<!--header-->
<!--about-->
<div class="content">
<div class="about-section">
<div class="container">
<?php
$query->execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;
if($query->rowCount() > 0)
foreach($results as $row)
{ ?>
</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;
-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;
opacity: 0;
-webkit-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;
opacity: 0;
-webkit-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;
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
HTMl
/*--
Author: W3layouts
--*/
@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;
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;
.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;
margin-left: 0px;
}
.dropdown-menu {
min-width: 150px;
padding: 0px 0;
.navbar-default {
padding: 1.2em 0;
.navbar-collapse {
max-height: 340px;
padding-right: 0px;
padding-left: 0px;
.header{
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;
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-radius:50%;
background:#fff;
.callbacks_here a:after{
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;
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;
color: #222;
.welcome-grid1 {
.welcome-grid1:hover {
.welcome-grid p {
font-size: 1em;
line-height: 1.8em;
color: #777;
.features {
text-align: center;
padding: 4em 0;
background:#eee;
.feature {
background: #fff;
.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;
padding: 1.5em;
}
.feature1 h4 {
font-size: 1.5em;
color: #222;
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;
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));
cursor: pointer;
transition: 0.5s ease;
}
span.glyphicon.glyphicon-user:hover {
background-color: #222;
background-image: -moz-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-linear-gradient(top,#222,#222);
background-image: -o-linear-gradient(top,#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-linear-gradient(top,#222,#222);
background-image: -o-linear-gradient(top,#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-repeat: repeat-x;
.features-grids {
margin-top: 3em;
.feature1 {
padding: 1.5em;
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;
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;
.nbs-flexisel-nav-right {
right: 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;
.popular-grid ul {
margin-top: 2em;
list-style: none;
.popular-grid1 p {
font-size: 1em;
line-height: 1.8em;
color: #777;
margin: 2em 0;
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 {
.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;
.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 {
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 {
.packages-grid1 {
.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-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;
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;
.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;
a.mask {
text-decoration: none;
overflow: hidden;
display: block;
}
img.zoom-img {
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-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-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;
.show-grid [class*="col-"]:hover {
background: #e0e0e0;
.grid_3{
margin-bottom:2em;
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 {
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 {
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 {
background-color: #ffffff;
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;
display: block;
visibility: visible;
.label {
}
.label {
.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){
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;
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 {
.grid_4 {
margin-top: 18px;
}
h3.title {
font-size: 1.6em;
font-size: 13px;
.alert {
padding: 10px;
margin-bottom: 10px;
ul.pagination li a {
font-size: 14px;
.list-group {
margin-bottom: 10px;
}
.well {
padding: 10px;
font-size: 14px;
}
table.table.table-striped,.table-bordered,.bs-docs-example {
display: none;
.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%;
font-size: 1em;
outline: none;
.contact-right textarea {
width: 100%;
font-size: 1em;
height: 10em;
resize: none;
outline: none;
.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;
/**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;
/>
<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">
<h3>great choice of
<span>hotels</span> </h3>
</li>
<li>
<h3>best rates
<span>guaranteed</span> </h3>
</li>
<li>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--header-->
<div class="content">
<div class="features">
<div class="container">
<h3>Services</h3>
<div class="features-grids">
<?php
$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;
if($query->rowCount() > 0)
foreach($results as $row)
{ ?>
<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>
<div class="slider1">
<div class="arrival-grids">
<ul id="flexiselDemo1">
<li>
</a>
</li>
<li>
</a>
</li>
<li>
</a>
</li>
<li>
</a>
</li>
<li>
</a>
</li>
<li>
</a>
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
type="text/javascript"
src="js/jquery.flexisel.js"></script>
</div>
</div>
<?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.
For MySQL
• https://www.mysql.com/
• http://www.mysqltutorial.org
For XAMPP
• https://www.apachefriends.org/download.html