Sie sind auf Seite 1von 105

[Hotel Management System]

By

Ashutosh Kumar Choubey

Under Guidance Of

R.K. Mahato

Submitted to the School of Computer and Information Sciences in


partial fulfilment of the requirements for the degree of

MASTER OF COMPUTER APPLICATIONS

INDIRA GANDHI NATIONAL OPEN


UNIVERSITY
Maidan Garhi
New Delhi – 110068

TABLE OF CONTENTS

Chapter No. Title


Page No.

Bona fide
i

Executive Summary
ii

1. Introduction
1
2. Language and tools to be used
2
3. The software development life cycle
3
4. Requirement analysis
4
5. Design constraints
5
6. System analysis
6
7. System / Software requirement (SRS)
7
7.1 Module 1
8
7.2 Module 2
9
7.3 Module 3
10

8. Project plan
11

8.1 Scope management


12

8.2 People management


13

8.3 Risk management


14

8.4 Communication plan


15

8.5 Time management plan


16

9. Feasibility analysis
17

10. Methodology adopted


18

11. System design


19

12. Coding methods


20
13. Testing
21

14. Maintenance
22

15. Module description


23

16. List of tables


24

17. ER diagram
25

18. Data flow diagram


26

19. Screenshots of forms


27

20. Future scope of project


28

21. References
29
BONA FIDE CERTIFICATE

This is certified that this project report "HOTEL MANAGEMENT SYSTEM" is


the bona fide work of "Ashutosh Kumar Choubey Enrollment No.
177386687" who carried out the project under my supervision.

Signature of HOD: Signature of


Supervisor:
INDIRA GANDHI NATIONAL OPEN
UNIVERSITY
Regional center, Patna

October - 2019

EXECUTIVE SUMMARY
PROFORMA OF PROJECT PROPOSAL

Enrollment No.:

Study Centre:

Regional Centre: RCCode:

Contact No.:
1. Name and address of the student:
2. Title of project:
3. Name and address of counselor:
4. Educational Qualification of counselor:
5. Working / Teaching experience of the counselor

1. Introduction

Today, computerized processing of transaction data is an activity of


almost any organization. In this generation, everybody’s life becomes
in computerized. They go ahead with the computer. The areas of
computer applications are literally too numerous to mention.
Computers have become an integral part of man’s every-day. They
dominate every sphere of life be it entertainment, education, banking,
insurance, medicine, design or manufacturing. Actually this
generation is the era of rapid growth of Information Technology. IT
has change the working process in all fields of human being. So they
continue grow and the open new horizons of discovery and
application. One of the primary reasons for the immense popularly of
computers is the speed with which they can accomplish specific tasks.
However computer applications are not always easy to use. It is a
simple small system illustrated by using the most common features of
PHP and MYSQL. This project includes Hotel Booking and record
management of rooms and visitors. With this project it is tried to
manage this things easily and with less time of the organization
“SUNRISE HOTEL”. The problem while managing data in traditional
method i.e. in excel & paperwork, they lost some of information of
newly enrolled added rooms or customers, sometime it happen that
Hotel give more rooms than available rooms which become issue in
the time of allocation. Hotel wants to manage & allow customers to
fill the booking within the available number of rooms. The basic web
language used in this project is PHP and the database of the whole
project is created used MYSQL Server. The front end is designed in
HTML, JavaScript & CSS and the back end is MYSQL database. By
using the front-end user can access data from database as well as
store data in the database. By using the Menu system user can use
the other functioning of the application
1.2 Objective:

SUNRISE HOTEL has about 80 rooms it offers food and Lodge


for the visitors. The rooms and customers process is managed
in all the time , mostly in a manual procedure. But in the manual
procedure there may be so many drawbacks. In the manual
procedure it is quite lengthy to keep all the records. Sometimes
information may be recorded incorrectly. The major objective of
the proposed computerized system is to overcome the
drawback of the existing manual system to provide a paperless
office environment. The other objective of this system includes
providing an information sources, increasing efficiency,
productivity and build greater user satisfaction and eliminating
duplication of records. So we have found the required
information quickly to improve the various data processing. The
proposed system is important to store of data with minimum
redundancy. It is also important for further use. This will
maintain the data integrity. During the designing of the
software my main objective will be make it a user friendly one

Primary Objectives can be notified as listed below:

 Develop a model of the enterprise from an information


viewpoint in order to improve communications, both within
and outside the organization.

 Monitoring customer data, document and reports that
create, process, store, and disseminate information.

 Utilization of information resources effectively to achieve the
overall goals and mission of the organization

1.3 Purpose & Scope

Hotel management System would have the following goals:

 Provide a user interface to create, delete, and update record


in different panels.
 Provide a user interface to book rooms.
 Provide a user interface to add rooms.
 Provide a user interface to the Admin to view and
manipulate records.
 Provide a master data functioning to add dynamic list of
different kind of data like session master, Program course
master etc.
 System is developed in aspect to enhance the functioning
area from Hotel module where user can manage customer
information, their bookings and records.

1.3.2 Scope

The main scope and deliverables of the project would be to:

 Understand and prepare detailed requirement and


specifications
 Prepare high level and detailed design specifications of the
system
 Prepare Test Plan and Test cases
 Develop the system and coding
 Perform unit testing, integration and system testing
 Demonstrate a bug free application after suitable
modification if needed.

1.4 Achievement

By successfully implementing Hotel Management System, a substantial


knowledge has been acquired on the implementation of a server based
database system. This knowledge will be useful in the future in creating any
type of application or database systems. The objective of Hotel
Management System was the creation of a useful application for the Hotel
which has been fulfilled. This system can be easily modified to serve the
needs of any Customer.

1.5 Organization of Report

This report is organized in seven chapters, as indicated in the Table of


Contents. These chapters deal with the important aspects of the Systems
Development Cycle. Each of the chapters is divided into Headings and Sub-
Headings. Chapter 1 introduces the project, its background and purpose.
The technologies used in the project and the reason thereof are explained
in Chapter 2. Chapter 3 broadly deals with the requirements, analysis and
planning of the project. All the design aspects have been dealt with in
Chapter 4 including schema design, interface design, 10 security and test
cases. The actual implementation has been discussed in Chapter 5, which
includes coding and testing of the working of the system. Chapter 6
discusses the test reports and project documentation and finally the
conclusions have been drawn in Chapter 7. At the end of the report, the
references made and the glossary has been included.

2. Survey Of Technology

In a web based application like ZOMATO, SUNRISE there is a scope for a


large number of platforms, languages, web servers and frameworks to
choose from. Before selecting from this large array of technologies, the
following aspects, which are characteristic to web based application like this
one, have been kept in mind:

 Dynamic page generation


 Data Validation
 Performance
 Reliability
 Scalability
 Security
 Portability
 Performance
 Time Constraints
 Cost Constraints

3. Requirement & Analysis

3.1 Problem Definition


The first step to the system analysis process involves the identification
of need. The intent is to understand the software objectives and to
define the goals required to meet the objectives.

The Existing System

Description of the existing system is explained below-


(a)Form Received from Customers thus they manage the data into
files & excel sheet with the information that customers has
provided. In other case Hotel send these excel sheets.
(b) Hotel expect from all customers to provide all mandatory
information.

Drawbacks of the existing system:

The main drawbacks of the existing system are:

 Maintenance of paper is very tedious work.


 Take extra time & may cause of delay in providing data from
the Hotel if they don’t prepare it in time.
 Data inconsistency can occur due to the duplication of
information.
 The data processing speed of the manual process is very
slow.
 Redundant and repetitive works had to be done manually
 Difficult to find out the information of single or as per
required search criteria
 Searching process is very problematic since data are stored
in files.
 Data may be lost.

3.2 Requirement Specification


Requirements Specification involves the basic requirements that the system
to be developed should possess. These can be broadly classified into two
types.

1. Performance Requirements.

2. Functional Requirements. Understanding the requirements specification


is critical for the project’s success otherwise the system does not get
developed according to the customer’s wishes.

Performance Requirements:

1. The system should be built in a way such that it is independent of the


type of database used (MYSQL, SQL Server etc).

2. Response should be fast.

3. High throughput.

4. Security should be high such that no intruder can tamper with data.

5. The access of the system should be traceable to identify who are the
users of the system and when they last logged in to the system.

Feasibility Study:

Feasibility Study is one of the fundamental aspects in design of system. The


key-points are as follows:-

1) Form a project team and appoint a project leader.

2) Prepare system flow chart.

3) Enumerate potential candidate systems.


4) Describe and identify characteristics of candidate systems.

5) Determine and evaluate performance and cost effectiveness of each


candidate system.

6) Weight system performance and cost data.

7) Select the best candidate system.

8) Prepare and report final project directive to management.

Three key considerations are involved in the feasibility analysis:

i. Technical
ii. Operational
iii. Economical

Technical Feasibility:

It specifies whether the proposed solution in the project is possible to be


implemented using available hardware and software.

Operational Feasibility:

Operational feasibility considers the factors that how the software will
satisfy the need of the users, how it could be changed for future
requirements and the operational factors of the computer.

Economical Feasibility:

This defines the measurement cost effectiveness of the project. It further


consists of two parts:

a. Direct cost.

b. Indirect cost
3.3 Planning & Scheduling

1. Purpose

The purpose of Project Plan is to define all the techniques, procedures,


and methodologies that will be used in the
project to assure timely delivery of the software that meets specified
requirements within project resources. This will be reviewing and
auditing the software products and activities to verify that they comply
with the applicable procedures and standards and providing the
software project and other appropriate managers with the results of
these reviews and audits.

Giant Chart For Hotel Management System


Process Name Week Week Week Week Week Week Week Week Week
1 2 3 4 5 6 7 8 9

HMS
Requirement

SRS Report

Module
development

Module testing

Test case
resolutions

Implementation

User training
Software
handover

Fig: Giant Chart for Hotel Management System

The table below shows the project phases in terms of date during project
development:

Phases Start Date End Date


Inception September 2019 September 2019
Implementation September 2019 September 2019
Elaboration October 2019 October 2019

Fig: Project Phase Schedule

The Table below shows the break-down of time spent in each phase for Research,
Design, Coding, Testing and Documentation.

Inception Implementation Elaboration (Hrs.) Total


(Hrs.) (Hrs.)
Research 20 25 5 50

Design 17 20 5 42

Coding 0 210 37 247

Testing 0 15 30 45

Documentation 20 28 20 68

Total 57 298 97 452

Fig: Phase Breakdown


UML & Software Lifecycle:

As software student though I have good knowledge in UML and Software LIFE cycle I
never had any good practical experience regarding them. Through this project I have
learnt how to develop a project following the various stages in Software Life Cycle.

Documentation:

I always had a feeling that I am not good at documentation .But through this project
and suggestions from my committee members I believe that I have improved my
Documentation skills.

2. Management

2.1 Organization & Responsibilities

The organization consists of supervisory committee, major professor, developer and


formal technical inspectors. The committee will be responsible for attending the
presentations and reviews at the end of each phase. After each presentation, the
committee will provide feedback and suggestions regarding the project.

Project Manager

The project manage will be responsible for supervising and evaluating the work and
progress done by the developer on a weekly basis.

Developer
The developer should submit all the deliverables and complete the project
functionalities on time. He should keep updating his weekly progress to the Major
Professor.

Formal Technical Inspectors

The formal technical inspectors will be responsible for a technical review of the
architecture design artifacts and the formal requirements specifications and will also be
required to submit a formal report based on their findings.

Formal Technical Inspection List:

Item To Be Inspected Pass/Fail/Partial Comments


All the symbols used in the class diagrams are according
to the UML standards.
All the classes in the class diagram are clear as to what
they represent in the architecture design document.
The symbols used in the sequence diagram correspond to
UML standards.

Sequence diagram matches class diagram.

All the classes in the USE model are represented in the


class diagram.
The multiplicities in the USE model have been.

Depicted in the class diagram.

All the requirements in the Software Requirements


Specification have been covered in the Architecture
Design Document.
2.2 Tasks

All tasks to be performed are mentioned in the Project Plan1.0.After the first phase if any
changes are required the Major Professor will discuss with the developer.

4. Documentation

The documentation will consist of all the deliverables. They are vision document, project
plan, software quality assurance plan, formal requirements specification, architecture
design, test plan, formal technical inspection, prototype, user manual, component
design, source code, assessment evaluation, project evaluation, references, and formal
technical inspection letters. The committee members will review all documentation for
final approval. All documentation will be posted on the developer’s website.

5. Reviews & Audits

All the deliverables produced in each phase of project development are reviewed by the
major professor and supervising committee. These are evaluated by the committee, at
the end of each phase and provide comments on the software prototype as well as
suggestions for any changes or addition to the requirements specification. The two
formal technical inspectors will assess the architecture design artifacts and submit a
formal report based on their findings.

6. Test & Problem Solving

All the testing procedures used for the project would be mentioned in the test plan
document at the end of second phase. The results would be reviewed and all the
unresolved problems will be reported to the committee members.

7. Tools Technique & Methodology

The following tools, techniques and methods would be used for the project for the
specified purpose:

 Coding: CSS, HTML, PHP, NetBeansIDE, MySQL [Xampp Server]


 Testing: Manual Testing, Automation Testing QTP
 Documentation: MS Word, MS Project

8. Records Collection, Maintenance, and Retention

Three sets of design documentation would be produced and distributed to the


University Library, Major Professor and developer. The source code, documentation and
web pages are submitted to the Major Professor in the form of a CD.

9. Deliverables

The deliverables for all the three phases are listed below:

Phase I

• Vision Document 1.0

• Project Plan 1.0

• Software Quality Assurance Plan

Phase II

• Action Items –identified during phase I

• Vision Document 2.0

• Project Plan 2.0

• Formal Requirements Specification

• Architecture Design

• Test Plan

• Formal Technical Inspection


• Executable Architecture Prototype

Phase III

• Action Items - identified during phase I

• User Manual

• Component Design

• Source Code

• Assessment Evaluation

• Project Evaluation

• References

• Formal Technical Inspection

3.4 Software & Hardware Requirement

3.4.1 Software Requirement

This software is design for access over the network, so that every user can access this
from any remote place. For this purpose it will be require uploading the software to a
web host apache server like Godaddy & Bigrock. The software require for this software
are

1. Apache 2.0 web server with SSL secure certificate

2. PHP 5.4.x version

3. MYSQL database version 5.3.x

3.4.2 Hardware Requirement

To access the software user need at least a computer system that have internet
connectivity and have updated browser. These are the following hardware requirement
for the software:
1. Mozilla Firefox 17.0+, Chrome Browser, Opera Browser

2. Internet connection having minimum 512kbps bandwidth

3. System requirement depends on browser basis

4. System Design

4.1 Data Flow Diagram

A DFD is a graphical tool, which has the purpose of clarifying system requirement and
identifying major transaction that will become programs in the system design. It is also
known as “Bubbles Chart”, which has the purpose of defining system requirement and in
functionally decomposes of requirement specification down to the lowest level of detail.
The DFD consists of series of bubbles joined by a line. The bubbles represent data
transformation and the line represents the flow of the data in the system. The DFD
provides a mechanism for function modeling as well as information modeling. So, it is
the starting phase of the design phase. DFD symbols are:

A process

The destination system data

The flow of information

The table in which information will

Will be started

EXTERNAL HOTEL DATABASE


SOURCES MANAGEMENT
SYSTEM

Context Diagram (0 Level DFD)

ADMIN LOGIN
VERIFICATIO
CUSTOMERS
N

&
VISITORS OPERATION

MANAGE ADD MANGE MANAGE


ROOMS ROOMS ROOM EMAIL

DATABASE BOOKING
STORES REPOPRTS

GENERATE
REPORTS

1 Level DFD

Entity Relationship Diagram:


LOGIN

PK ID

USNAME Send newsletter

PASS

Have right

ROOM

PK ID
NEWSLETTERLOG
Manages TYPE PK ID

BEDDING TITLE

PLACE SUBJECT

CUSID EMAIL

NEWS

PAYMENT

PK ID

TITLE Assigned
Book room
FNAME

LNAME

TROOM
CONTACT

TBED PK ID

NROOM FULLNAME

CIN PHONENO

COUT EMAIL

TTOT CDATE

FINTOT APPROVAL

MEPR

MEAL

BTOT

NOOFDAYS
4.2 Data Dictionary & Data Model

In DFD, a data item that flows between processes is identified by unique names. Dada
Dictionary is repository of various data flows defined in a DFD. It contains the details of
the structure of data items and files used in DFD’s. A data dictionary defines each term
encountered during the analysis and design of a new system. Data elements can
describe files, data flows as usual processes.

The term may have one of several closely related meanings pertaining to databases and
database management systems (DBMS):

 A document describing a database or collection of databases


 An integral component of a DBMS that is required to determine its
structure
 A piece of middleware that extends or supplants the native data
dictionary of a DBMS

4.2.1 Schema Design

Database Design

Usually, a collection of interrelated data is referred to as database. The database


contains information about one particular enterprise. The management of data involves
both definitions of structures of the stage of information.

Login:

Field Type Collation


id int(10) NULL
usname Varchar(30) latin1_swedish_ci
pass Varchar(30) latin1_swedish_ci

Contact:

Field Type Collation


id int(10) NULL
Fullname varchar(100) latin1_swedish_ci
Phoneno Int(10) NULL
Email text latin1_swedish_ci
Cdate date NULL
Approval varchar(12) latin1_swedish_ci

Payment:

Field Type Collation


id int(11) NULL
Title varchar(5) latin1_swedish_ci
fname varchar(30) latin1_swedish_ci
lname varchar(30) latin1_swedish_ci
troom varchar(30) latin1_swedish_ci
tbed varchar(30) latin1_swedish_ci
nroom int(11) NULL
cin Date NULL
cout Date NULL
ttot double(8,2) NULL
fintot double(8,2) NULL
mepr double(8,2) NULL
meal varchar(30) latin1_swedish_ci
btot double(8,2) NULL
noofdays int(11) NULL

Room:

Field Type Collation


id int(10) NULL
type varchar(15) latin1_swedish_ci
bedding varchar(10) latin1_swedish_ci
place varchar(10) latin1_swedish_ci
cusid int(11) NULL
Newsletterlog:

Field Type Collation


Id int(10) NULL
title varchar(52) latin1_swedish_ci
subject varchar(100) latin1_swedish_ci
news text latin1_swedish_ci

Roombook:

Field Type Collation


id int(10) NULL
Title varchar(5) latin1_swedish_ci
Fname text latin1_swedish_ci
Lname text latin1_swedish_ci
Email varchar(50) latin1_swedish_ci
National varchar(30) latin1_swedish_ci
Country varchar(30) latin1_swedish_ci
Phone text latin1_swedish_ci
Troom varchar(20) latin1_swedish_ci
Bed varchar(10) latin1_swedish_ci
Nroom varchar(2) latin1_swedish_ci
Meal varchar(15) latin1_swedish_ci
cin date NULL
cout date NULL
stat varchar(15) latin1_swedish_ci
nodays int(11) NULL
4.2.2 Data Model
4.3 Analysis & Design

4.3.1 System Analysis & Design

System analysis is a study of various operation performed by a system and their


relationship within and outside of the system. It is a systematic technique that defines
goals and objectives. The goal of system development is to deliver the system in line
with the user’s requirement and analysis is the heart of this process. Out of the main
aspects of analysis it is defining the boundaries of the system and determining whether
or not a candidate system should consider other related system.

System study has been conducted with the following objectives in mind: Identify the
user’s needs

 Evaluate the system concept for feasibility.


 Perform economical and technical analysis.
 Allocate functional to hardware, software, people, database and other
system elements and
 Establish cost and schedule constraints.

Both hardware and software expertise is required to successfully attain the objectives
listed above.
4.3.2 System Design

The most creative and challenging phase of the System Life Cycle is System Design. It
refers to the technical specifications that will be applied in implementing the candidate
system. System design specifies how the system will achieve the objective of the
proposed system. System Design goes through two phases of development. These are:

 Logical Design: Logical System Design involves developing general


specification for how the basic information system activities of input,
processing, output, storage and control can meet end user
requirements.
 Physical Design: Physical Design involves the detail design of user
interface methods and products, database structures, processing and
control procedures.

4.4 User Interface Design

The first step in System Design is the User Interface Design. The User Interface Design
activity focuses on the preparation of input and design of output reports in a form
acceptable to the users.

User Interface Design consists of two steps – Input Design and Output design

 Input Design: Input Design is the process of converting user


originated inputs to a computer based format. The goal is a make the
data entry as easy, logical and free from errors as possible.

 Output Design: Computer output is the most important and direct


source of information to the user. Efficient, intelligible output design
helps the user in decision making. Provide for safely information
storage in the database, system crash or unauthorized access.

Use Case Diagram:

HOTEL MANAGEMENT SYSTEM

Manage Rooms

Manage
User/ Customer
Admin

Fig: Use Case Diagram

4.5 Three- tier Architecture

Three-tier (layer) is a client-server architecture in which the user interface, business


process (business rules) and data storage and data access are developed and
maintained as independent modules or most often on separate platforms. The
Architecture of HOTEL MANAGEMENT SYSTEM based on three-tier architecture. The
three logical tiers are
 Presentation tier –HTML & JavaScript Web forms, Master Pages,
Images.
 Middle tier – PHP Script & library classes.
 Data tier- MYSQL Database

The main reason for considering three-tier architecture for the College Admission
System is as follows:

Flexibility:

 Management of data is independent from the physical storage


support,
 Maintenance of the business logic is easier
 Migration to new graphical environments is faster.
 If there is a minor change in the business logic, we don’t have to install
the entire system in individual user’s PCs.

Reusability:

 Reusability of business logic is greater for the presentation layer. As


this component is developed and tested, we can use it in any other
project and would be helpful for future use.

Security:

 More secured architecture since the client cannot access the database
directly.
Presentation Tier

The presentation tier for the HOTEL MANAGEMENT SYSTEM is PHP Web Forms with
Master Pages. The presentation tier takes care of the user interaction and the visual part
of the application. The various Web forms used by clients are listed below.

Web Forms Definition

Index.php
Db.php
Home.php
Reservation.php
Payment.php
Print.php
Room.php
Roombook.php
Roomdel.php
Settings.php
Show.php
Message.php
Newsletter.php
Logout.php
Prfit.php
Usersettings.php

Newslettersdel.php

Usersettingsdel.php
5.2.1 Coding Section

Idex.php:

<?php

include('db.php');

?>

<!DOCTYPE html>

<html lang="en">

<head>

<title>SUNRISE HOTEL</title>

<!-- for-mobile-apps -->

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="keywords" content="Resort Inn Responsive , Smartphone Compatible


web template , Samsung, LG, Sony Ericsson, Motorola web design" />

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


setTimeout(hideURLbar, 0); }, false);

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

<!-- //for-mobile-apps -->

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


<link href="css/font-awesome.css" rel="stylesheet">

<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">

<link href="css/easy-responsive-tabs.css" rel='stylesheet' type='text/css'/>

<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"


property="" />

<link rel="stylesheet" href="css/jquery-ui.css" />

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

<script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>

<!--fonts-->

<link href="//fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">

<link href="//fonts.googleapis.com/css?family=Federo" rel="stylesheet">

<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">

<!--//fonts-->

</head>

<body>

<!-- header -->

<div class="banner-top">

<div class="social-bnr-agileits">

<ul class="social-icons3">

<li><a href="https://www.facebook.com/" class="fa fa-


facebook icon-border facebook"> </a></li>

<li><a href="https://twitter.com/" class="fa fa-twitter icon-


border twitter"> </a></li>
<li><a href="https://plus.google.com/u/0/" class="fa fa-
google-plus icon-border googleplus"> </a></li>

</ul>

</div>

<div class="contact-bnr-w3-agile">

<ul>

<li><i class="fa fa-envelope" aria-


hidden="true"></i><a
href="mailto:info@example.com">INFO@SUNRISE.COM</a></li>

<li><i class="fa fa-phone" aria-


hidden="true"></i>+94 (65)222-44-55</li>

<li><i class="fa fa-sign-in" aria-hidden="true"></i><a


href="admin/index.php">Login</a></li>

<li class="s-bar">

<div class="search">

<input class="search_box"
type="checkbox" id="search_box">

<label class="icon-search"
for="search_box"><span class="glyphicon glyphicon-search" aria-
hidden="true"></span></label>

<div class="search_form">

<form action="#"
method="post">

<input type="search"
name="Search" placeholder=" " required=" " />
<input type="submit" value="Search">

</form>

</div>

</div>

</li>

</ul>

</div>

<div class="clearfix"></div>

</div>

<div class="w3_navigation">

<div class="container">

<nav class="navbar navbar-default">

<div class="navbar-header navbar-left">

<button type="button" class="navbar-toggle


collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="sr-only">Toggle
navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<h1><a class="navbar-brand" href="index.php">SUN


<span>RISE</span><p class="logo_w3l_agile_caption">Your Dreamy
Resort</p></a></h1>
</div>

<!-- Collect the nav links, forms, and other content for
toggling -->

<div class="collapse navbar-collapse navbar-right" id="bs-


example-navbar-collapse-1">

<nav class="menu menu--iris">

<ul class="nav navbar-nav menu__list">

<li class="menu__item menu__item--


current"><a href="" class="menu__link">Home</a></li>

<li class="menu__item"><a
href="#about" class="menu__link scroll">About</a></li>

<li class="menu__item"><a
href="#team" class="menu__link scroll">Team</a></li>

<li class="menu__item"><a
href="#gallery" class="menu__link scroll">Gallery</a></li>

<li class="menu__item"><a
href="#rooms" class="menu__link scroll">Rooms</a></li>

<li class="menu__item"><a
href="#contact" class="menu__link scroll">Contact Us</a></li>

</ul>

</nav>

</div>

</nav>

</div>

</div>
<!-- //header -->

<!-- banner -->

<div id="home" class="w3ls-banner">

<!-- banner-text -->

<div class="slider">

<div class="callbacks_container">

<ul class="rslides callbacks callbacks1" id="slider4">

<li>

<div class="w3layouts-banner-top">

<div class="container">

<div class="agileits-banner-
info">

<h4>SUN RISE</h4>

<h3>We know what you


love</h3>

<p>Welcome to
our hotels</p>

<div
class="agileits_w3layouts_more menu__item">

<a href="#" class="menu__link" data-toggle="modal" data-


target="#myModal">Learn More</a>

</div>

</div>

</div>
</div>

</li>

<li>

<div class="w3layouts-banner-top w3layouts-


banner-top1">

<div class="container">

<div class="agileits-banner-
info">

<h4>SUN RISE</h4>

<h3>Stay with friends &


families</h3>

<p>Come & enjoy


precious moment with us</p>

<div
class="agileits_w3layouts_more menu__item">

<a href="#" class="menu__link" data-toggle="modal" data-


target="#myModal">Learn More</a>

</div>

</div>

</div>

</div>

</li>

<li>

<div class="w3layouts-banner-top w3layouts-


banner-top2">
<div class="container">

<div class="agileits-banner-
info">

<h4>SUN RISE</h4>

<h3>want luxurious
vacation?</h3>

<p>Get
accommodation today</p>

<div
class="agileits_w3layouts_more menu__item">

<a href="#"
class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>

</div>

</div>

</div>

</div>

</li>

</ul>

</div>

<div class="clearfix"> </div>

<!--banner Slider starts Here-->

</div>

<div class="thim-click-to-bottom">

<a href="#about" class="scroll">


<i class="fa fa-long-arrow-down" aria-
hidden="true"></i>

</a>

</div>

</div>

<!-- //banner -->

<!--//Header-->

<!-- //Modal1 -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">

<!-- Modal1 -->

<div class="modal-dialog">

<!-- Modal content-->

<div class="modal-content">

<div class="modal-
header">

<button
type="button" class="close" data-dismiss="modal">&times;</button>

<h4>SUN
<span>RISE</span></h4>

<img
src="images/1.jpg" alt=" " class="img-responsive">

<h5>We know what


you love</h5>

<p>Providing
guests unique and enchanting views from their rooms with its exceptional amenities,
makes Star Hotel one of bests in its kind.Try our food menu, awesome services and
friendly staff while you are here.</p>

</div>

</div>

</div>

</div>

<!-- //Modal1 -->

<div id="availability-agileits">

<div class="col-md-12 book-form-left-w3layouts">

<a href="admin/reservation.php"><h2>ROOM RESERVATION</h2></a>

</div>

<div class="clearfix"> </div>

</div>

<!-- banner-bottom -->

<div class="banner-bottom">

<div class="container">

<div class="agileits_banner_bottom">

<h3><span>Experience a good stay, enjoy fantastic


offers</span> Find our friendly welcoming reception</h3>

</div>

<div class="w3ls_banner_bottom_grids">

<ul class="cbp-ig-grid">
<li>

<div class="w3_grid_effect">

<span class="cbp-ig-icon
w3_road"></span>

<h4 class="cbp-ig-title">MASTER
BEDROOMS</h4>

<span class="cbp-ig-category">SUN
RISE</span>

</div>

</li>

<li>

<div class="w3_grid_effect">

<span class="cbp-ig-icon
w3_cube"></span>

<h4 class="cbp-ig-title">SEA VIEW


BALCONY</h4>

<span class="cbp-ig-category">SUN
RISE</span>

</div>

</li>

<li>

<div class="w3_grid_effect">

<span class="cbp-ig-icon
w3_users"></span>

<h4 class="cbp-ig-title">LARGE
CAFE</h4>
<span class="cbp-ig-category">SUN
RISE</span>

</div>

</li>

<li>

<div class="w3_grid_effect">

<span class="cbp-ig-icon
w3_ticket"></span>

<h4 class="cbp-ig-title">WIFI
COVERAGE</h4>

<span class="cbp-ig-category">SUN
RISE</span>

</div>

</li>

</ul>

</div>

</div>

</div>

<!-- //banner-bottom -->

<!-- /about -->

<div class="about-wthree" id="about">

<div class="container">

<div class="ab-w3l-spa">

<h3 class="title-w3-agileits title-black-wthree">About Our SUN


RISE</h3>
<p class="about-para-w3ls">Lorem Ipsum is
simply dummy text of the printing and typesetting industry.Sed tempus vestibulum
lacus blandit faucibus. Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit
ligula, at imperdiet urna</p>

<img src="images/about.jpg" class="img-


responsive" alt="Hair Salon">

<div class="w3l-
slider-img">

<img
src="images/a1.jpg" class="img-responsive" alt="Hair Salon">

</div>

<div class="w3ls-info-about">

<h4>You'll love
all the amenities we offer!</h4>

<p>Lorem
ipsum dolor sit amet, ut magna aliqua. </p>

</div>

</div>

<div class="clearfix"> </div>

</div>

</div>

<!-- //about -->

<!--sevices-->

<div class="advantages">

<div class="container">

<div class="advantages-main">
<h3 class="title-w3-agileits">Our Services</h3>

<div class="advantage-bottom">

<div class="col-md-6 advantage-grid left-w3ls wow bounceInLeft"


data-wow-delay="0.3s">

<div class="advantage-block ">

<i class="fa fa-credit-card" aria-hidden="true"></i>

<h4>Stay First, Pay After! </h4>

<p>Temporibus autem quibusdam et aut officiis


debitis aut rerum necessitatibus saepe eveniet ut et voluptates.</p>

<p><i class="fa fa-check" aria-


hidden="true"></i>Decorated room, proper air conditioned</p>

<p><i class="fa fa-check" aria-


hidden="true"></i>Private balcony</p>

</div>

</div>

<div class="col-md-6 advantage-grid right-w3ls wow zoomIn"


data-wow-delay="0.3s">

<div class="advantage-block">

<i class="fa fa-clock-o" aria-hidden="true"></i>

<h4>24 Hour Restaurant</h4>

<p>Temporibus autem quibusdam et aut officiis


debitis aut rerum necessitatibus saepe eveniet ut et voluptates.</p>

<p><i class="fa fa-check" aria-hidden="true"></i>24


hours room service</p>
<p><i class="fa fa-check" aria-
hidden="true"></i>24-hour Concierge service</p>

</div>

</div>

<div class="clearfix"> </div>

</div>

</div>

</div>

</div>

<!--//sevices-->

<!-- team -->

<div class="team" id="team">

<div class="container">

<h3 class="title-w3-agileits title-black-wthree">Meet Our


Team</h3>

<div id="horizontalTab">

<ul class="resp-tabs-list">

<li>

<img src="images/teams1.jpg" alt=" "


class="img-responsive" />

</li>

<li>

<img src="images/teams2.jpg" alt=" "


class="img-responsive" />
</li>

<li>

<img src="images/teams3.jpg" alt=" "


class="img-responsive" />

</li>

<li>

<img src="images/teams4.jpg" alt=" "


class="img-responsive" />

</li>

</ul>

<div class="resp-tabs-container">

<div class="tab1">

<div class="col-md-6 team-img-w3-agile">

</div>

<div class="col-md-6 team-Info-agileits">

<h4>Lucas Jimenez</h4>

<span>Manager</span>

<p>Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis.Lorem ipsum dolor .</p>

<div class="social-bnr-agileits footer-icons-


agileinfo">

<ul class="social-icons3">

<li><a href="#" class="fa fa-


facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>

<li><a href="#" class="fa fa-


google-plus icon-border googleplus"> </a></li>

<li><a href="#" class="fa fa-rss


icon-border rss"> </a></li>

</ul>

</div>

</div>

<div class="clearfix"> </div>

</div>

<div class="tab2">

<div class="col-md-6 team-img-w3-agile">

</div>

<div class="col-md-6 team-Info-agileits">

<h4>Sarah Connor</h4>

<span>Receptionist</span>

<p>Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis.Lorem ipsum dolor .</p>

<div class="social-bnr-agileits footer-icons-


agileinfo">

<ul class="social-icons3">

<li><a href="#" class="fa fa-


facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>

<li><a href="#" class="fa fa-


google-plus icon-border googleplus"> </a></li>

<li><a href="#" class="fa fa-rss


icon-border rss"> </a></li>

</ul>

</div>

</div>

<div class="clearfix"> </div>

</div>

<div class="tab3">

<div class="col-md-6 team-img-w3-agile">

</div>

<div class="col-md-6 team-Info-agileits">

<h4>Ivan Simpson</h4>

<span>Manager</span>

<p>Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis.Lorem ipsum dolor .</p>

<div class="social-bnr-agileits footer-icons-


agileinfo">

<ul class="social-icons3">

<li><a href="#" class="fa fa-


facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>

<li><a href="#" class="fa fa-


google-plus icon-border googleplus"> </a></li>

<li><a href="#" class="fa fa-rss


icon-border rss"> </a></li>

</ul>

</div>

</div>

<div class="clearfix"> </div>

</div>

<div class="tab4">

<div class="col-md-6 team-img-w3-agile">

</div>

<div class="col-md-6 team-Info-agileits">

<h4>Marc Gutierrez</h4>

<span>Receptionist</span>

<p>Lorem ipsum dolor sit amet,


consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis.Lorem ipsum dolor .</p>

<div class="social-bnr-agileits footer-icons-


agileinfo">

<ul class="social-icons3">

<li><a href="#" class="fa fa-


facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-
twitter icon-border twitter"> </a></li>

<li><a href="#" class="fa fa-


google-plus icon-border googleplus"> </a></li>

<li><a href="#" class="fa fa-rss


icon-border rss"> </a></li>

</ul>

</div>

</div>

<div class="clearfix"> </div>

</div>

</div>

</div>

</div>

</div>

<!-- //team -->

<!-- Gallery -->

<section class="portfolio-w3ls" id="gallery">

<h3 class="title-w3-agileits title-black-wthree">Our Gallery</h3>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g1.jpg" class="swipebox"><img


src="images/g1.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g2.jpg" class="swipebox"><img


src="images/g2.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g3.jpg" class="swipebox"><img


src="images/g3.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>
<div class="col-md-3 gallery-grid gallery1">

<a href="images/g4.jpg" class="swipebox"><img


src="images/g4.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g5.jpg" class="swipebox"><img


src="images/g5.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g6.jpg" class="swipebox"><img


src="images/g6.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g6.jpg" class="swipebox"><img


src="images/g7.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g6.jpg" class="swipebox"><img


src="images/g8.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>
<div class="col-md-3 gallery-grid gallery1">

<a href="images/g9.jpg" class="swipebox"><img


src="images/g9.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g10.jpg" class="swipebox"><img


src="images/g10.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g4.jpg" class="swipebox"><img


src="images/g4.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>
<p><i class="fa fa-picture-o" aria-
hidden="true"></i></p>

</div>

</a>

</div>

<div class="col-md-3 gallery-grid gallery1">

<a href="images/g2.jpg" class="swipebox"><img


src="images/g2.jpg" class="img-responsive" alt="/">

<div class="textbox">

<h4>SUN RISE</h4>

<p><i class="fa fa-picture-o" aria-


hidden="true"></i></p>

</div>

</a>

</div>

<div class="clearfix"> </div>

</section>

<!-- //gallery -->

<!-- rooms & rates -->

<div class="plans-section" id="rooms">

<div class="container">

<h3 class="title-w3-agileits title-black-wthree">Rooms And


Rates</h3>

<div class="priceing-table-main">
<div class="col-md-3 price-grid">

<div class="price-block agile">

<div class="price-gd-top">

<img src="images/r1.jpg" alt=" " class="img-


responsive" />

<h4>Deluxe Room</h4>

</div>

<div class="price-gd-bottom">

<div class="price-list">

<ul>

<li><i
class="fa fa-star" aria-hidden="true"></i></li>

<li><i
class="fa fa-star" aria-hidden="true"></i></li>

<li><i
class="fa fa-star" aria-hidden="true"></i></li>

<li><i
class="fa fa-star" aria-hidden="true"></i></li>

<li><i
class="fa fa-star-o" aria-hidden="true"></i></li>

</ul>

</div>

<div class="price-selet">
<h3><span>$</span>320</h3>

<a href="admin/reservation.php"
>Book Now</a>

</div>

</div>

</div>

</div>

<div class="col-md-3 price-grid ">

<div class="price-block agile">

<div class="price-gd-top">

<img src="images/r2.jpg" alt=" " class="img-


responsive" />

<h4>Luxury Room</h4>

</div>

<div class="price-gd-bottom">

<div class="price-list">

<ul>

<li><i class="fa fa-star"


aria-hidden="true"></i></li>

<li><i class="fa fa-star"


aria-hidden="true"></i></li>

<li><i class="fa fa-star"


aria-hidden="true"></i></li>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>

<li><i class="fa fa-star-o"


aria-hidden="true"></i></li>

</ul>

</div>

<div class="price-selet">

<h3><span>$</span>220</h3>

<a href="admin/reservation.php"
>Book Now</a>

</div>

</div>

</div>

</div>

<div class="col-md-3 price-grid lost">

<div class="price-block agile">

<div class="price-gd-top">

<img src="images/r3.jpg" alt=" " class="img-


responsive" />

<h4>Guest House</h4>

</div>

<div class="price-gd-bottom">

<div class="price-list">

<ul>
<li><i class="fa fa-star"
aria-hidden="true"></i></li>

<li><i class="fa fa-star"


aria-hidden="true"></i></li>

<li><i class="fa fa-star"


aria-hidden="true"></i></li>

<li><i class="fa fa-star-o"


aria-hidden="true"></i></li>

<li><i class="fa fa-star-o"


aria-hidden="true"></i></li>

</ul>

</div>

<div class="price-selet">

<h3><span>$</span>180</h3>

<a href="admin/reservation.php"
>Book Now</a>

</div>

</div>

</div>

</div>

<div class="col-md-3 price-grid wthree lost">

<div class="price-block agile">

<div class="price-gd-top ">

<img src="images/r4.jpg" alt=" "


class="img-responsive" />
<h4>Single Room</h4>

</div>

<div class="price-gd-bottom">

<div class="price-list">

<ul>

<li><i class="fa fa-star"


aria-hidden="true"></i></li>

<li><i class="fa fa-star"


aria-hidden="true"></i></li>

<li><i class="fa fa-star-o"


aria-hidden="true"></i></li>

<li><i class="fa fa-star-o"


aria-hidden="true"></i></li>

<li><i class="fa fa-star-o"


aria-hidden="true"></i></li>

</ul>

</div>

<div class="price-selet">

<h3><span>$</span>
150</h3>

<a href="admin/reservation.php"
>Book Now</a>

</div>

</div>

</div>
</div>

<div class="clearfix"> </div>

</div>

</div>

</div>

<!--// rooms & rates -->

<!-- visitors -->

<div class="w3l-visitors-agile" >

<div class="container">

<h3 class="title-w3-agileits title-black-wthree">What other visitors


experienced</h3>

</div>

<div class="w3layouts_work_grids">

<section class="slider">

<div class="flexslider">

<ul class="slides">

<li>

<div class="w3layouts_work_grid_left">

<img src="images/5.jpg" alt=" "


class="img-responsive" />

<div
class="w3layouts_work_grid_left_pos">

<img src="images/c1.jpg"
alt=" " class="img-responsive" />
</div>

</div>

<div
class="w3layouts_work_grid_right">

<h4>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

Worth to come again

</h4>

<p>Sed tempus vestibulum lacus


blandit faucibus.

Nunc imperdiet, diam nec


rhoncus ullamcorper, nisl nulla suscipit ligula,

at imperdiet urna. </p>

<h5>Julia Rose</h5>

<p>Germany</p>

</div>

<div class="clearfix"> </div>


</li>

<li>

<div class="w3layouts_work_grid_left">

<img src="images/5.jpg" alt=" "


class="img-responsive" />

<div
class="w3layouts_work_grid_left_pos">

<img src="images/c2.jpg"
alt=" " class="img-responsive" />

</div>

</div>

<div
class="w3layouts_work_grid_right">

<h4>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star-o" aria-


hidden="true"></i>

Worth to come again

</h4>
<p>Sed tempus vestibulum lacus
blandit faucibus.

Nunc imperdiet, diam nec


rhoncus ullamcorper, nisl nulla suscipit ligula,

at imperdiet urna. </p>

<h5>Jahnatan Smith</h5>

<p>United States</p>

</div>

<div class="clearfix"> </div>

</li>

<li>

<div class="w3layouts_work_grid_left">

<img src="images/5.jpg" alt=" "


class="img-responsive" />

<div
class="w3layouts_work_grid_left_pos">

<img src="images/c3.jpg"
alt=" " class="img-responsive" />

</div>

</div>

<div
class="w3layouts_work_grid_right">

<h4>

<i class="fa fa-star" aria-


hidden="true"></i>
<i class="fa fa-star" aria-
hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star-o" aria-


hidden="true"></i>

Worth to come again

</h4>

<p>Sed tempus vestibulum lacus


blandit faucibus.

Nunc imperdiet, diam nec


rhoncus ullamcorper, nisl nulla suscipit ligula,

at imperdiet urna. </p>

<h5>Rosalind Cloer</h5>

<p>Italy</p>

</div>

<div class="clearfix"> </div>

</li>

<li>

<div class="w3layouts_work_grid_left">

<img src="images/5.jpg" alt=" "


class="img-responsive" />

<div
class="w3layouts_work_grid_left_pos">
<img src="images/c4.jpg"
alt=" " class="img-responsive" />

</div>

</div>

<div
class="w3layouts_work_grid_right">

<h4>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star" aria-


hidden="true"></i>

<i class="fa fa-star-o" aria-


hidden="true"></i>

<i class="fa fa-star-o" aria-


hidden="true"></i>

Worth to come again

</h4>

<p>Sed tempus vestibulum lacus


blandit faucibus.

Nunc imperdiet, diam nec


rhoncus ullamcorper, nisl nulla suscipit ligula,

at imperdiet urna. </p>

<h5>Amie Bublitz</h5>

<p>Switzerland</p>
</div>

<div class="clearfix"> </div>

</li>

</ul>

</div>

</section>

</div>

</div>

<!-- visitors -->

<!-- contact -->

<section class="contact-w3ls" id="contact">

<div class="container">

<div class="col-lg-6 col-md-6 col-sm-6 contact-w3-agile2" data-


aos="flip-left">

<div class="contact-agileits">

<h4>Contact Us</h4>

<p class="contact-agile2">Sign Up For Our News


Letters</p>

<form method="post" name="sentMessage"


id="contactForm" >

<div class="control-group form-group">

<label class="contact-p1">Full Name:</label>


<input type="text" class="form-control" name="name" id="name"
required >

<p class="help-block"></p>

</div>

<div class="control-group form-group">

<label class="contact-p1">Phone Number:</label>

<input type="tel" class="form-control" name="phone" id="phone"


required >

<p class="help-block"></p>

</div>

<div class="control-group form-group">

<label class="contact-p1">Email Address:</label>

<input type="email" class="form-control" name="email" id="email"


required >

<p class="help-block"></p>

</div>
<input type="submit" name="sub" value="Send Now" class="btn btn-
primary">

</form>

<?php

if(isset($_POST['sub']))

$name =$_POST['name'];

$phone = $_POST['phone'];

$email = $_POST['email'];

$approval = "Not Allowed";

$sql = "INSERT INTO `contact`(`fullname`, `phoneno`,


`email`,`cdate`,`approval`) VALUES ('$name','$phone','$email',now(),'$approval')" ;

if(mysqli_query($con,$sql))

echo"OK";

?>

</div>

</div>

<div class="col-lg-6 col-md-6 col-sm-6 contact-w3-agile1" data-


aos="flip-right">

<h4>Connect With Us</h4>


<p class="contact-agile1"><strong>Phone :</strong>+94 (65)222-
44-55</p>

<p class="contact-agile1"><strong>Email :</strong> <a


href="mailto:name@example.com">INFO@SUNRISE.COM</a></p>

<p class="contact-agile1"><strong>Address :</strong> New


Kalmunai Road, Batticaloa, Sri Lanka</p>

<div class="social-bnr-agileits footer-icons-agileinfo">

<ul class="social-icons3">

<li><a href="#" class="fa fa-


facebook icon-border facebook"> </a></li>

<li><a href="#" class="fa fa-


twitter icon-border twitter"> </a></li>

<li><a href="#" class="fa fa-


google-plus icon-border googleplus"> </a></li>

</ul>

</div>

<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3074.7905052320
443!2d-
77.84987248482734!3d39.586871613613056!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3
m3!1m2!1s0x89c9f6a80ccf0661%3A0x7210426c67abc40!2sVirginia+Welcome+Center%
2FSafety+Rest+Area!5e0!3m2!1sen!2sin!4v1485760915662" ></iframe>

</div>

<div class="clearfix"></div>
</div>

</section>

<!-- /contact -->

<div class="copy">

<p>© 2017 SUNRISE . All Rights Reserved | Design by <a


href="index.php">SUNRISE</a> </p>

</div>

<!--/footer -->

<!-- js -->

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

<!-- contact form -->

<script src="js/jqBootstrapValidation.js"></script>

<!-- /contact form -->

<!-- Calendar -->

<script src="js/jquery-ui.js"></script>

<script>

$(function() {

$( "#datepicker,#datepicker1,#datepicker2,#datepicker3"
).datepicker();

});

</script>

<!-- //Calendar -->


<!-- gallery popup -->

<link rel="stylesheet" href="css/swipebox.css">

<script src="js/jquery.swipebox.min.js"></script>

<script type="text/javascript">

jQuery(function($) {

$(".swipebox").swipebox();

});

</script>

<!-- //gallery popup -->

<!-- start-smoth-scrolling -->

<script type="text/javascript" src="js/move-top.js"></script>

<script type="text/javascript" src="js/easing.js"></script>

<script type="text/javascript">

jQuery(document).ready(function($) {

$(".scroll").click(function(event){

event.preventDefault();

$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);

});

});

</script>

<!-- start-smoth-scrolling -->

<!-- flexSlider -->

<script defer src="js/jquery.flexslider.js"></script>


<script type="text/javascript">

$(window).load(function(){

$('.flexslider').flexslider({

animation: "slide",

start: function(slider){

$('body').removeClass('loading');

});

});

</script>

<!-- //flexSlider -->

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

<script>

// You can also use "$(window).load(function()


{"

$(function () {

// Slideshow 4

$("#slider4").responsiveSlides({

auto: true,

pager:true,

nav:false,

speed: 500,

namespace: "callbacks",
before: function () {

$('.events').append("<li>before event
fired.</li>");

},

after: function () {

$('.events').append("<li>after event
fired.</li>");

});

});

</script>

<!--search-bar-->

<script src="js/main.js"></script>

<!--//search-bar-->

<!--tabs-->

<script src="js/easy-responsive-tabs.js"></script>

<script>

$(document).ready(function () {

$('#horizontalTab').easyResponsiveTabs({

type: 'default', //Types: default, vertical, accordion

width: 'auto', //auto or any width like 600px

fit: true, // 100% fit in a container


closed: 'accordion', // Start closed if in accordion view

activate: function(event) { // Callback function if tab is switched

var $tab = $(this);

var $info = $('#tabInfo');

var $name = $('span', $info);

$name.text($tab.text());

$info.show();

});

$('#verticalTab').easyResponsiveTabs({

type: 'vertical',

width: 'auto',

fit: true

});

});

</script>

<!--//tabs-->

<!-- smooth scrolling -->

<script type="text/javascript">

$(document).ready(function() {

/*

var defaults = {

containerID: 'toTop', // fading element id


containerHoverID: 'toTopHover', // fading element hover id

scrollSpeed: 1200,

easingType: 'linear'

};

*/

$().UItoTop({ easingType: 'easeOutQuart' });

});

</script>

<div class="arr-w3ls">

<a href="#home" id="toTop" style="display: block;"> <span id="toTopHover"


style="opacity: 1;"> </span></a>

</div>

<!-- //smooth scrolling -->

<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>

</body>

</html>

Home.php

<?php

session_start();
if(!isset($_SESSION["user"]))

header("location:index.php");

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Administrator </title>

<!-- Bootstrap Styles-->

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

<!-- FontAwesome Styles-->

<link href="assets/css/font-awesome.css" rel="stylesheet" />

<!-- Morris Chart Styles-->

<link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />

<!-- Custom Styles-->

<link href="assets/css/custom-styles.css" rel="stylesheet" />

<!-- Google Fonts-->

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'


type='text/css' />
</head>

<body>

<div id="wrapper">

<nav class="navbar navbar-default top-navbar" role="navigation">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-


target=".sidebar-collapse">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="home.php"> <?php echo $_SESSION["user"];


?> </a>

</div>

<ul class="nav navbar-top-links navbar-right">

<li class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-


expanded="false">

<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>

</a>

<ul class="dropdown-menu dropdown-user">


<li><a href="usersetting.php"><i class="fa fa-user fa-fw"></i> User
Profile</a>

</li>

<li><a href="settings.php"><i class="fa fa-gear fa-fw"></i>


Settings</a>

</li>

<li class="divider"></li>

<li><a href="logout.php"><i class="fa fa-sign-out fa-fw"></i>


Logout</a>

</li>

</ul>

<!-- /.dropdown-user -->

</li>

<!-- /.dropdown -->

</ul>

</nav>

<!--/. NAV TOP -->

<nav class="navbar-default navbar-side" role="navigation">

<div class="sidebar-collapse">

<ul class="nav" id="main-menu">

<li>

<a class="active-menu" href="home.php"><i class="fa fa-


dashboard"></i> Status</a>
</li>

<li>

<a href="messages.php"><i class="fa fa-desktop"></i> News


Letters</a>

</li>

<li>

<a href="roombook.php"><i class="fa fa-bar-chart-o"></i> Room


Booking</a>

</li>

<li>

<a href="payment.php"><i class="fa fa-qrcode"></i> Payment</a>

</li>

<li>

<a href="profit.php"><i class="fa fa-qrcode"></i> Profit</a>

</li>

<li>

<a href="logout.php"><i class="fa fa-sign-out fa-fw"></i> Logout</a>

</li>

</ul>
</div>

</nav>

<!-- /. NAV SIDE -->

<div id="page-wrapper">

<div id="page-inner">

<div class="row">

<div class="col-md-12">

<h1 class="page-header">

Status <small>Room Booking </small>

</h1>

</div>

</div>

<!-- /. ROW -->

<?php

include ('db.php');

$sql = "select * from roombook";

$re = mysqli_query($con,$sql);

$c =0;

while($row=mysqli_fetch_array($re) )
{

$new = $row['stat'];

$cin = $row['cin'];

$id = $row['id'];

if($new=="Not Conform")

$c = $c + 1;

?>

<div class="row">

<div class="col-md-12">

<div class="panel panel-default">

<div class="panel-heading">
</div>

<div class="panel-body">

<div class="panel-group" id="accordion">

<div class="panel panel-primary">

<div class="panel-heading">

<h4 class="panel-title">

<a data-toggle="collapse" data-parent="#accordion"


href="#collapseTwo">

<button
class="btn btn-default" type="button">

New
Room Bookings <span class="badge"><?php echo $c ; ?></span>

</button>

</a>

</h4>

</div>

<div id="collapseTwo" class="panel-collapse in" style="height:


auto;">

<div class="panel-body">

<div class="panel panel-default">

<div class="panel-body">
<div class="table-responsive">

<table class="table">

<thead>

<tr>

<th>#</th>

<th>Name</th>

<th>Email</th>

<th>Country</th>

<th>Room</th>

<th>Bedding</th>

<th>Meal</th>

<th>Check
In</th>

<th>Check
Out</th>

<th>Status</th>

<th>More</th>

</tr>

</thead>
<tbody>

<?php

$tsql = "select * from


roombook";

$tre =
mysqli_query($con,$tsql);

while($trow=mysqli_fetch_array($tre) )

$co =$trow['stat'];

if($co=="Not
Conform")

echo"<tr>

<th>".$trow['id']."</th>

<th>".$trow['FName']." ".$trow['LName']."</th>

<th>".$trow['Email']."</th>

<th>".$trow['Country']."</th>

<th>".$trow['TRoom']."</th>
<th>".$trow['Bed']."</th>

<th>".$trow['Meal']."</th>

<th>".$trow['cin']."</th>

<th>".$trow['cout']."</th>

<th>".$trow['stat']."</th>

<th><a href='roombook.php?rid=".$trow['id']." ' class='btn btn-


primary'>Action</a></th>

</tr>";

?>

</tbody>

</table>

</div>

</div>
</div>

<!-- End Basic Table -->

</div>

</div>

</div>

<?php

$rsql = "SELECT * FROM


`roombook`";

$rre = mysqli_query($con,$rsql);

$r =0;

while($row=mysqli_fetch_array($rre) )

$br = $row['stat'];

if($br=="Conform")

$r = $r + 1;

}
}

?>

<div class="panel panel-info">

<div class="panel-heading">

<h4 class="panel-title">

<a data-toggle="collapse" data-parent="#accordion"


href="#collapseOne" class="collapsed">

<button
class="btn btn-primary" type="button">

Booked Rooms <span class="badge"><?php echo $r ; ?></span>

</button>

</a>

</h4>

</div>

<div id="collapseOne" class="panel-collapse collapse"


style="height: 0px;">

<div class="panel-body">

<?php

$msql = "SELECT *
FROM `roombook`";
$mre =
mysqli_query($con,$msql);

while($mrow=mysqli_fetch_array($mre) )

$br =
$mrow['stat'];

if($br=="Conform")

$fid =
$mrow['id'];

echo"<div
class='col-md-3 col-sm-12 col-xs-12'>

<div class='panel panel-primary text-center no-boder bg-color-blue'>

<div class='panel-body'>

<i class='fa fa-users fa-5x'></i>

<h3>".$mrow['FName']."</h3>

</div>
<div class='panel-footer back-footer-blue'>

<a href=show.php?sid=".$fid ."><button class='btn btn-primary btn' data-


toggle='modal' data-target='#myModal'>

Show

</button></a>

".$mrow['TRoom']."

</div>

</div>

</div>";

}
?>

</div>

</div>

</div>

<?php

$fsql = "SELECT * FROM


`contact`";

$fre = mysqli_query($con,$fsql);

$f =0;

while($row=mysqli_fetch_array($fre) )

$f = $f + 1;

?>

<div class="panel panel-danger">

<div class="panel-heading">
<h4 class="panel-title">

<a data-toggle="collapse" data-parent="#accordion"


href="#collapseThree" class="collapsed">

<button
class="btn btn-primary" type="button">

Followers <span class="badge"><?php echo $f ; ?></span>

</button>

</a>

</h4>

</div>

<div id="collapseThree" class="panel-collapse collapse">

<div class="panel-body">

<div class="panel-body">

<div class="table-responsive">

<table class="table">

<thead>

<tr>

<th>#</th>

<th>Full Name</th>

<th>Email</th>

<th>Follow
Start</th>

<th>Permission status</th>
</tr>

</thead>

<tbody>

<?php

$csql = "select * from


contact";

$cre =
mysqli_query($con,$csql);

while($crow=mysqli_fetch_array($cre) )

echo"<tr>

<th>".$crow['id']."</th>

<th>".$crow['fullname']."</th>

<th>".$crow['email']." </th>

<th>".$crow['cdate']." </th>

<th>".$crow['approval']."</th>
</tr>";

?>

</tbody>

</table>

<a href="messages.php"
class="btn btn-primary">More Action</a>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>
<!-- DEOMO-->

<div class='panel-body'>

<button class='btn btn-primary btn' data-toggle='modal' data-


target='#myModal'>

Update

</button>

<div class='modal fade' id='myModal' tabindex='-1' role='dialog' aria-


labelledby='myModalLabel' aria-hidden='true'>

<div class='modal-dialog'>

<div class='modal-content'>

<div class='modal-header'>

<button type='button' class='close' data-dismiss='modal'


aria-hidden='true'>&times;</button>

<h4 class='modal-title' id='myModalLabel'>Change the User


name and Password</h4>

</div>

<form
method='post>

<div class='modal-body'>

<div class='form-group'>

<label>Change User name</label>

<input name='usname' value='<?php echo $fname; ?>'


class='form-control' placeholder='Enter User name'>

</div>
</div>

<div class='modal-
body'>

<div class='form-group'>

<label>Change Password</label>

<input name='pasd' value='<?php echo $ps; ?>'


class='form-control' placeholder='Enter Password'>

</div>

</div>

<div class='modal-footer'>

<button type='button' class='btn btn-default' data-


dismiss='modal'>Close</button>

<input type='submit' name='up' value='Update' class='btn


btn-primary'>

</form>

</div>

</div>

</div>

</div>

</div>
<!--DEMO END-->

<!-- /. ROW -->

</div>

<!-- /. PAGE INNER -->

</div>

<!-- /. PAGE WRAPPER -->

</div>

<!-- /. WRAPPER -->

<!-- JS Scripts-->

<!-- jQuery Js -->

<script src="assets/js/jquery-1.10.2.js"></script>

<!-- Bootstrap Js -->

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

<!-- Metis Menu Js -->

<script src="assets/js/jquery.metisMenu.js"></script>

<!-- Morris Chart Js -->

<script src="assets/js/morris/raphael-2.1.0.min.js"></script>

<script src="assets/js/morris/morris.js"></script>
<!-- Custom Js -->

<script src="assets/js/custom-scripts.js"></script>

</body>

</html>

5.3.2 Syste

Das könnte Ihnen auch gefallen