“TOUR & TOURISM MANAGEMENT SYSTEM”

Project Report

Submitted in partial fulfillment of the requirement for the award of

Degree of

Bachelor of Computer Applications

Submitted to

310 – CIMAGE Professional College, Patna

Submitted By Under Guidance of

Golu Kumar Ravi Kumar Soni Sir
Registration No:19303310093 Asst. Professor
BCA-6TH Sem Computer Science &
Session-2019-2022 Information Technology
 CIMAGE PROFESSIONAL COLLEGE,PATNA
Department of Computer Science & Information Technology
Session 2019-22

Date:…………………
CERTIFICATE
This is to certify that the work embodies in this project entitled, “Tour &
Tourism Management System”, being submitted by Golu Kumar
(19303310093) in partial fulfillment of the requirement for the award of
“Bachelor of Computer Applications” to Aryabhatta Knowledge

University, Patna during the academic year 2019-22 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, Patna.

Prof. Neeraj Agrawal Er. Amit Kumar Shukla Ravi Kumar Soni
Director Head of Department-IT Assistant Professor-IT

SHUBHAM KUMAR REG,NO-19303310018 Page1|

 CIMAGE Professional College, Patna
Department of Computer Science & Information Technology
Session 2019-22

Date:-----------------------

APPROVAL CERTIFICATE
The project report entitled “Tour & Tourism Management System”,
being submitted by Golu Kumar (19303310093) has been examined by
us and is hereby approved for the award of degree “Bachelor of
Computer Applications”, for which it has been submitted. It is
understood that by this approval the undersigned do not necessarily
endorse or approve any statement made, the opinion expressed or
conclusion drawn therein, but approve the project only for the purpose
for which it has been submitted.

(Internal Examiner) (External Examiner)

Date: Date:

SHUBHAM KUMAR REG,NO-19303310018 Page2|

 CIMAGE Professional College, Patna
Department of Computer Science & Information Technology
Session 2019-22

Date:-----------------------

DECLARATION

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

in the project report entitled “Tour & Tourism Management System”,

partial fulfillment of the requirements for the award of degree of

“Bachelor of Computer Applications” submitted in the department of

Computer Science & Information Technology (CIMAGE

Professional College, Patna) is an authentic record of my own work

carried under the guidance of Ravi Kumar Soni. I have not submitted

the matter embodied in this report for the award of any other degree.

Golu Kumar

Registration No : 19303310093

BCA 6TH Sem

Session-2019-2022

SHUBHAM KUMAR REG,NO-19303310018 Page3|

 ACKNOWLEDGEMENT

“A journey is easier when you travel together. Interdependence is certainly more

valuable than independence.”

I would like to thanks, Er. Neeraj Kumar Singh Sir and Prof. Ravi Kumar Soni
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, Er. Dinesh Kumar Sir, Er.
Nilesh Sir for always being willing to help find solutions to any problems I had with my
work.

“The completion of any project depends upon the cooperation, coordination,

and combined efforts of several resources of knowledge, inspiration, and energy”.

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

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

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

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

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

Golu Kumar

Registration No : 19303310093

BCA 6TH Sem

Session-2019-2022

SHUBHAM KUMAR REG,NO-19303310018 Page4|

 Table of Contents

PageNo.

Chapter 1. Introduction

1) Introduction to the System 7

2) Problem Definition 8
3) Aim 8
4) Objective 8
5) Goal 9

Chapter 2. Hardware and Software requirement

1) Introduction 10
2) System environment 10
3) Software requirement 10
4) Hardware requirement 10

Chapter 3. System Analysis

1) Purpose 11
2) Project Scope 12

SHUBHAM KUMAR REG,NO-19303310018 Page5|

 3) Existing scope 12
4) Proposed System 12
5) System Description 12-13

Chapter 4.Implementation issues

1) HTML, CSS , JAVASCRIPT, BOOTSTRAP 14-16

2) MYSQL 17

Chapter 5. System Design

1) Introduction 18
2) Conceptual Design 19
3) ER-Diagram 20-22
4) Logical Design 23
5) Physical Design 24
6 )Data Flow Diagram of “Tour & Tourism” 25

Chapter 6. Planning and Scheduling 26-29

Chapter 7.User Screens and Database Screens 30-63

Chapter 8.Coding 64-212

Chapter 9. Conclusion
1. Adavantages of “Tour & Tourism” 213
2. Limitations of “Tour & Tourism” 213
3. Future Scope 214

SHUBHAM KUMAR REG,NO-19303310018 Page6|

 CHAPTER # 1

INTRODUCTION
ontents:

• Introduction
• Problem Definition
• Aim
• Objective
• Goal
• Need of System

Abstract
The aim of ‘’ 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 data 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 to the System:

SHUBHAM KUMAR REG,NO-19303310018 Page7|

 In the present time there is a great rush in TOUR,
as these have become necessity for middle and upper class of
the society.People travel a lot. Our project is developed keeping
in mind the general needs of the customers when he goes to the
tour. An important uniqueness about the described Hotel’s
restaurants and bar are available to only those customers who
have already booked room or hall in during tour.

Problem Definition:
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 kind of is totally outdated and involves high risk of
ambiguity and redundancy.

Aim:
“To improve tour services, reduce paperwork and saves time”.

Objective:
Project title “” (a project for keeping customers record and
also calculate customer bill slip and managers salary). The
name of project is “Tour & Tourism”. The objective of the
project is to computerize the system of the tour. “”is the
project not only keeps the record of various

users like customers, manager etc. but as well as it reduce

the extensive paper work in the present system. It wills
maker the system more versatile and user friendly. It also
calculates the proper billing slip of high level and middle
level customers.

SHUBHAM KUMAR REG,NO-19303310018 Page8|

 Goal:
The goal of this project is to create a system for tour
management. The system will allow performance of the
actions needed in order to manage the tour in a simple
and comfortable way. This project is based on description
about the structure of .The project contains:
• Keeping the record of all users like customers, managers
etc.
• Maintains proper list of all users.
• Generating proper bill slip and calculate managers salary.

SHUBHAM KUMAR REG,NO-19303310018 Page9|

 CHAPTER # 2
Hardware and

Software
Requirements

Hardware and Software Specification

Software Requirements:

• Microsoft Windows 7/8/10.

• Visual Studio Code

• Xampp or MYSQL Workbench

Hardware Requirements:

• Intel Processor 2.0 GHz or above.

• 500MB RAM or more.

• 20GB or More Hard Disk Drive.

SHUBHAM KUMAR REG,NO-19303310018 P a g e 10 |

C CHAPTER#3
System Analysis

Contents:

• Purpose
• Project Scope
• Existing System
• Proposed System
• System Overview

Purpose:

The purpose of this project is to create a system for tour booking.

The system will allow performance of the actions needed in order
to manage the tour in a simple and comfortable way. The actions
will include addition/removal of guest information,
addition/removal of toor detail, employee’s detail, as well as
billing. The system in parallel to the user actions keeps a basic
security level which prevents access or modifications of data by
users which don't posses the proper permissions.

SHUBHAM KUMAR REG,NO-19303310018 P a g e 11 |

 Project Scope:
The project has a wide scope, as it is not intended to a
particular organization. This project is going to develop
generic software, which can be applied by any businesses
organization. More over it provides facility to its customer.
Also the software is going to provide a huge amount of
summary data.

Proposed System:

The proposed is to have everything completely automated and

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

Need of The System:

There is always a need of a system that will perform to online
tour booking and display tour details and cost.

Thus, there is a big need of an online tour booking system, which

provides all the Above- mentioned facilities and many more.

System Overview:
has one module i.e. admin module.

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. Tour: In this section, admin can manage category (add/delete).
3. New Tour: In this section, admin can manage tour
(add/update).
5. Booking: In this section, admin can view new, approved,
canceled bookings and also give a remark.

SHUBHAM KUMAR REG,NO-19303310018 P a g e 12 |

 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.

CHAPTER # 4
SHUBHAM KUMAR REG,NO-19303310018 P a g e 13 |
 Implementation
issues

4.1 LANGUAGE: - HTML,CSS,JAVASCRIPT,BOOTSTRAP.

HTML: -
The HyperText Markup Language or HTML is the standard markup
language for documents designed to be displayed in a web
browser. It can be assisted by technologies such as Cascading
Style Sheets and scripting languages such as JavaScript.
 Advantages of HTML:
 HTML is Easy to Learn and Use. ...
 HTML is Free. ...
 HTML is supported by all Browsers. ...
 HTML is the Most Friendly Search Engine. ...
 HTML is Simple to Edit. ...
 HTML can Integrate Easily with Other Languages. ...
 HTML is Lightweight. ...
 HTML is Basic of all Programming Languages

DisAdvantages of HTML:
 It cannot produce dynamic output alone, since it's a static
language.
 Making the structure of HTML documents becomes tough to
understand.
 Errors can be costly.
 It is the time consuming as the time it consume to maintain on
the color scheme of a page and to make lists, tables and forms

CSS: -
Cascading Style Sheets is a style sheet language used for
describing the presentation of a document written in a markup
language such as HTML or XML. CSS is a cornerstone technology
of the World Wide Web, alongside HTML and JavaScript. 

SHUBHAM KUMAR REG,NO-19303310018 P a g e 14 |

 Advantage Of Css:

CSS stands for Cascading Style Sheets. CSS describes how

HTML elements are to be displayed on screen, paper, or in
other media. CSS saves a lot of work. It can control the layout
of multiple web pages all at once. External stylesheets are
stored in CSS files.

DisAdvantage Of Css:

 CSS, CSS 1 up to CSS3, result in creating of confusion among web

browsers.
 With CSS, what works with one browser might not always work with
another. ...
 There exists a scarcity of security.
 After making the changes we need to confirm the compatibility if they
appear.

JavaScript: -
JavaScript, often abbreviated JS, is a programming language that is one of the
core technologies of the World Wide Web, alongside HTML and CSS.
As of 2022, 98% of websites use JavaScript on the client side for webpage
behavior, often incorporating third-party libraries

Advantage of JavaScript: -

 Speed. Client-side JavaScript is very fast because it can be run

immediately within the client-side browser. ...
 Simplicity. JavaScript is relatively simple to learn and implement.
 Popularity. ...
 Interoperability. ...
 Server Load. ...
 Gives the ability to create rich interfaces.

DisAdvantage Of JavaScript:

 Client-side Security. Since the JavaScript code is viewable to the

user, others may use it for malicious purposes. ...
 Browser Support. The browser interprets JavaScript differently in
different browsers. ...

SHUBHAM KUMAR REG,NO-19303310018 P a g e 15 |

  Lack of Debugging Facility. ...
 Single Inheritance. ...
 Sluggish Bitwise Function. ...
 Rendering Stopped.

SHUBHAM KUMAR REG,NO-19303310018 P a g e 16 |

 Database: MYSQL

MySQL is the most popular database system.

What is MySQL?

• MySQL is a database system used on the web

• MySQL is a database system that runs on a server
• MySQL is ideal for both small and large applications
• MySQL is very fast, reliable, and easy to use
• MySQL uses standard SQL
• MySQL compiles on a number of platforms
• MySQL is free to download and use
• MySQL is developed, distributed, and supported by
Oracle Corporation  MySQL is named after co-
founder Monty Widenius's daughter: My

The data in a MySQL database are stored in tables. A table is a

collection of related data, and it consists of columns and rows.

Databases are useful for storing information categorically. A

company may have a database with the following tables:

• Employees
• Products
• Customers
• Orders

SHUBHAM KUMAR REG,NO-19303310018 P a g e 17 |

 CHAPTER # 5
System Design

Contents:

 Use case diagram

 Class Diagram
 Sequence Diagram
 Data flow diagram

Use Case Diagram:

Use case diagram consists of use cases and actors and

shows the interaction between them. The key points are:

The main purpose is to show the interaction between

the use cases and the actor.

To represent the system requirement from user’s

perspective.

The use cases are the functions that are to be performed

in the module.

SHUBHAM KUMAR REG.NO-19303310018

SHUBHAM KUMAR REG,NO-19303310018 P a g e 18 |

 Signin

Home

Use Case Digrams: Add Tour

Admin
Manage Tour

Add Facility

Manage Facility

Add Hotel Room

Manage Hotel Room

Book Resturant

Manage Resturant

Manage Booking

Genrate Reports

Search(Booking/
Enquery)

Update Profile

Change Password

SHUBHAM KUMAR REG,NO-19303310018 P a g e 19 |

DFD(Data Floe Digram)
DFD Level 1

SHUBHAM KUMAR REG,NO-19303310018 P a g e 20 |

DFD LEVEL 2:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 21 |

Er digram:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 22 |

Sequence Digram for User:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 23 |

Class Digram:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 24 |

A description of set of objects that share the same attributes operations,
relationships, and semantics .

SHUBHAM KUMAR REG,NO-19303310018 P a g e 25 |

CHAPTER # 6
Project Planing and Sheduling
Contents:

 Gantt Chart
 Pert Chart

PROJECT PLANNING & SCHEDULING

Project planning is part of project management, which relates to the use of
schedules such as Gantt charts to plan and subsequently report progress
within the project environment.

Initially, the project scope is defined and the appropriate methods for
completing the project are determined. Following this step, the durations for
the various tasks necessary to complete the work are listed and grouped into a
work breakdown structure. The logical dependencies between tasks are
defined using an activity network diagram that enables identification of the
critical path. Float or slack time in the schedule can be calculated using
software. Then the necessary resources can be estimated and costs for each
activity can be allocated to each resource, giving the total project cost. At this
stage, the project plan may be optimized to achieve the appropriate balance
between resource usage and project duration to comply with the project
objectives. Once established and agreed, the plan becomes what is known as
the baseline. Progress will be measured against the baseline throughout the
life of the project. Analyzing progress compared to the baseline is known as
earned value management.
The PROJECT SCHEDULE is a calendar that links the tasks
to be done with the resources that will do them. Before a project schedule can
be created, the project manager must have a work breakdown structure
(WBS), an effort estimate for each task, and a resource list with availability for
each resource. If these are not yet available, it may be possible to create
SHUBHAM KUMAR REG,NO-19303310018 P a g e 26 |
something that looks like a schedule, but it will essentially be a work of
fiction. A project manager’s time is better spent on working with the team to
create a WBS and estimates (using a consensus-driven estimation method like
Wideband Delphi than on trying to build a project schedule without them.
The reason for this is that a schedule itself is an estimate: each date in the
schedule is estimated, and if those dates do not have the buy-in of the people
who are going to do the work, the schedule will almost certainly be
inaccurate.

GANTT CHART :
Gantt charts (developed by Henry L. Gantt) are a project control
technique that can be used for several purposes including scheduling,
budgeting and resource planning. A Gantt chart is a bar chart with each
bar representing an activity. The bars are drawn against a time line. The
length of each bar is proportional to the length of time planned for the
activity. Gantt chart can take different phase depending on their
intended use. The Gantt chart of Hotel Management System is drawn for
the time management. The Gantt chart is drawn below:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 27 |

 YEAR 2022
15 st May31 st May 1 st June 30th June 1 st July 31 th July

Start

ANALYSI

DESIGN DATA BASE(BACKEND)

Design of NMS different form Part

(Front End

Code data base part

Code Part of NMS

Report Gen
eration

WriteManual

Integration & Testing

Finish

SHUBHAM KUMAR REG,NO-19303310018 P a g e 28 |

PERT CHART
PERT (Project Evaluation and Review Technique) charts consist of a
network of boxes and arrows. The boxes represent activities and the
arrows represent task dependencies. PERT is organized by events and
activities or tasks. PERT have more advantages and they are likely to be
used for more complex projects. Through PERT chart the various task
paths are defined. PERT enables the calculation of critical path. Each
path consists of combination of tasks, which must be completed. The
time and the cost associated with each task along a path are calculated,
and the path that requires the greatest amount of elapsed time is the
critical path. Calculation of the critical path enables project manager to
monitor this series of task more closely than others to shift resources to
it, if it begins to fall behind schedule. PERT controls time and cost
during the project and also facilitate finding the right balance between
completing a project on time and completing it within the budget. There
are thus not one but many critical paths, depending on the permutations
of the estimates for each task. This makes analysis of critical path in
PERT charts very complex. The PERT chart representation of the Hotel
Management System is shown below.

31st may 30th June 1st July 31st

Analysis Design Code Integrate

Part Part Database and Test
Part
15 th May

6th July
Start Finish

Design Code Part Report Write

OIC Part Generatio User
n Part Manual

SHUBHAM KUMAR REG,NO-19303310018 P a g e 29 |

 C HAPTER # 7
User Screens and Database Screens.

Output screens

DATA STRUCTURE Snap shot

DATA DICTIONARY:- The data dictionary stores description of data items and
structures, as well as systems processes. Data dictionary used for database design in this
project is mentioned. Care was taken during the database design for future expansion of
Hotel’s need.

User_ Details(Login)

SHUBHAM KUMAR REG,NO-19303310018 P a g e 30 |

Coding Login.php:-

<?php require_once "controllerUserData.php"; ?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login Form</title>
    <link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.c
ss">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-4 offset-md-4 form login-form">
                <form action="login-user.php" method="POST" autocomplete="">
                    <h2 class="text-center">Login Form</h2>
                    <p class="text-center">Login with your phone and
password.</p>
                    <?php
                    if(count($errors) > 0){
                        ?>
                        <div class="alert alert-danger text-center">
                            <?php
                            foreach($errors as $showerror){
                                echo $showerror;
                            }
                            ?>
                        </div>
                        <?php
                    }
                    ?>
                    <div class="form-group">
                        <input class="form-control" type="text" name="email"
placeholder="phone number" required value="<?php echo $email ?>">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="password"
name="password" placeholder="Password" required>
                    </div>
                    <div class="link forget-pass text-left"><a href="forgot-
password.php">Forgot password?</a></div>
                    <div class="form-group">
                        <input class="form-control button" type="submit"
name="login" value="Login">
                    </div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 31 |

                    <div class="link login-link text-center">Not yet a
member? <a href="signup-user.php">Signup now</a></div>
                </form>
            </div>
        </div>
    </div>
   
</body>
</html>

User Details(Signup)Admin

SHUBHAM KUMAR REG,NO-19303310018 P a g e 32 |

UserDetails(Admin)coding

<?php
session_start();
include('includes/header.php');
if(isset($_SESSION['auth']))
{
    $_SESSION['status']="You are already logged in";
    header('Location:index.php');
}
?>

<div class="sectiom">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-5 my-5">
                        <?php
                            include('message.php');
                        ?>
                <div class="card my-5">
                    <div class="card-header bg-light">
                        <h5>Login Form</h5>
                    </div>
                    <div class="card-body">
                    <form action="logincode.php" method="POST">
                            <div class="form-group">
                                <label for="">Email Id</label>
                                <input type="text" name="email" class="form-
control" placeholder="Email Id">
                            </div>
                            <div class="form-group">
                                <label for="">Password</label>
                                <input type="password" name="password"
class="form-control" placeholder="Password">
                            </div>
                            <br>
                            <div class="form-group">
                                <button type="submit" name="login_btn"
class="btn btn-primary btn-block">Login</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 33 |

<?php include('includes/script.php');?>

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

User Details(Signup):

User Details(signup)coding:
<?php require_once "controllerUserData.php"; ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Signup Form</title>
    <link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.c
ss">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-4 offset-md-4 form">
                <form action="signup-user.php" method="POST"
autocomplete="">
                    <h2 class="text-center">Signup Form</h2>
                    <p class="text-center">It's quick and easy.</p>
                    <?php
                    if(count($errors) == 1){
                        ?>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 34 |
                        <div class="alert alert-danger text-center">
                            <?php
                            foreach($errors as $showerror){
                                echo $showerror;
                            }
                            ?>
                        </div>
                        <?php
                    }elseif(count($errors) > 1){
                        ?>
                        <div class="alert alert-danger">
                            <?php
                            foreach($errors as $showerror){
                                ?>
                                <li><?php echo $showerror; ?></li>
                                <?php
                            }
                            ?>
                        </div>
                        <?php
                    }
                    ?>
                    <div class="form-group">
                        <input class="form-control" type="text" name="name"
placeholder="Full Name" required value="<?php echo $name ?>">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="email"
placeholder="Phone Number" required value="<?php echo $email ?>">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="password"
name="password" placeholder="Password" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="password"
name="cpassword" placeholder="Confirm password" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control button" type="submit"
name="signup" value="Signup">
                    </div>
                    <div class="link login-link text-center">Already a
member? <a href="login-user.php">Login here</a></div>
                </form>
            </div>
        </div>
    </div>
   
</body>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 35 |

</html>

FORGOT PASSWORD:

FORGOT PASSWORD CODING:

<?php require_once "controllerUserData.php"; ?>
<?php
if($_SESSION['info'] == false){
    header('Location: login-user.php');  
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login Form</title>
    <link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.c
ss">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-4 offset-md-4 form login-form">
            <?php
            if(isset($_SESSION['info'])){
                ?>
                <div class="alert alert-success text-center">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 36 |

                <?php echo $_SESSION['info']; ?>
                </div>
                <?php
            }
            ?>
                <form action="login-user.php" method="POST">
                    <div class="form-group">
                        <input class="form-control button" type="submit"
name="login-now" value="Login Now">
                    </div>
                </form>
            </div>
        </div>
    </div>
   
</body>
</html>

TOUR BOOKING:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 37 |

<!doctype html>
<html lang="en">
  <head>
    <title>Tour</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

    <!-- Bootstrap CSS -->

    <link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.c
ss"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT
2MZw1T" crossorigin="anonymous">
    <style>
        body {
  width: 500px;
  margin: 0 auto;
  padding: 50px;
}

SHUBHAM KUMAR REG,NO-19303310018 P a g e 38 |

div.elem-group {
  margin: 20px 0;
}

div.elem-group.inlined {
  width: 49%;
  display: inline-block;
  float: left;
  margin-left: 1%;
}

label {
  display: block;
  font-family: 'Nanum Gothic';
  padding-bottom: 10px;
  font-size: 1.25em;
}

input, select, textarea {

  border-radius: 2px;
  border: 2px solid #777;
  box-sizing: border-box;
  font-size: 1.25em;
  font-family: 'Nanum Gothic';
  width: 100%;
  padding: 10px;
}

div.elem-group.inlined input {
  width: 95%;
  display: inline-block;
}

textarea {
  height: 250px;
}

hr {
  border: 1px dotted #ccc;
}

button {
  height: 50px;
  background: orange;
  border: none;
  color: white;
  font-size: 1.25em;
  font-family: 'Nanum Gothic';
  border-radius: 4px;
  cursor: pointer;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 39 |

}

button:hover {
  border: 2px solid black;
}
        </style>
  </head>
  <body>
  <form action="#" method="POST" onsubmit="return validate();">
  <div class="elem-group">
    <label for="name">Your Name</label>
    <input type="text" id="name" name="visitor_name" placeholder="Your Name"
pattern=[A-Z\sa-z]{3,20}>
  </div>
  <div class="elem-group">
    <label for="email">Your E-mail</label>
    <input type="email" id="email" name="visitor_email" placeholder="Your
Email">
  </div>
  <div class="elem-group">
    <label for="phone">Your Phone</label>
    <input type="tel" id="phone" name="visitor_phone" placeholder="Your
Phone">
  </div>
  <hr>
  <div class="elem-group">
    <label for="phone">Fill The City Where you want to Book</label>
    <input type="tel" id="city" name="city" placeholder="Fill">
  </div>
  <div class="elem-group inlined">
    <label for="adult">Adults</label>
    <input type="number" id="adult" name="total_adults" >
  </div>
  <div class="elem-group inlined">
    <label for="child">Children</label>
    <input type="number" id="child" name="total_children">
  </div>
  <div class="elem-group inlined">
    <label for="tourdays">Tour Days</label>
    <input type="number" id="tday" name="checkin">
  </div>
 
 
  <div class="elem-group">
    <label for="room-selection">Select tour Package</label>
    <select id="room-selection" name="room_preference">
        <option value="">Choose a Tour Package from the List</option>
        <option value="connecting"> Leisure</option>
        <option value="adjoining">Business</option>
        <option value="adjacent">Sports</option>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 40 |

        <option value="adjacent">Adventure</option>
    </select>
  </div>
  <hr>
  <div class="elem-group">
    <label for="message">Anything Else?</label>
    <textarea id="message" name="visitor_message" placeholder="Tell us
anything else that might be important."></textarea>
  </div>
  <button  name="book">Book The Rooms</button>
 
</form>
     
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1P
i6jizo" crossorigin="anonymous"></script>
    <script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.
js" integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
    <script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+
B07jRM" crossorigin="anonymous"></script>
    <script>
        var currentDateTime = new Date();
var year = currentDateTime.getFullYear();
var month = (currentDateTime.getMonth() + 1);
var date = (currentDateTime.getDate() + 1);

if(date < 10) {

  date = '0' + date;
}
if(month < 10) {
  month = '0' + month;
}

var dateTomorrow = year + "-" + month + "-" + date;

var checkinElem = document.querySelector("#checkin-date");
var checkoutElem = document.querySelector("#checkout-date");

checkinElem.setAttribute("min", dateTomorrow);

checkinElem.onchange = function () {
    checkoutElem.setAttribute("min", this.value);
}
</script>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 41 |

   
        <script>
        /JAVA SCRIPT CODING/
        function validate()
        {
            if(document.getElementById("name").value=="")
            {
                alert("Fill Your Name");
                document.getElementById("name").focus();
                return false;
            }
            if(document.getElementById("email").value=="")
            {
                alert("Fill Your valid Email");
                document.getElementById("email").focus();
                return false;
            }
            if(document.getElementById("phone").value=="")
            {
                alert("Fill Your valid Phone");
                document.getElementById("phone").focus();
                return false;
            }
            if(document.getElementById("city").value=="")
            {
                alert("Fill Your City");
                document.getElementById("city").focus();
                return false;
            }
            if(document.getElementById("adult").value=="")
            {
                alert("Fill About Guest");
                document.getElementById("adult").focus();
                return false;
            }
            if(document.getElementById("child").value=="")
            {
                alert("Fill About Your Child");
                document.getElementById("child").focus();
                return false;
            }
            if(document.getElementById("checkin-date").value=="")
            {
                alert("Fill Your checkin-date");
                document.getElementById("checkin-date").focus();
                return false;
            }
            if(document.getElementById("checkout-date").value=="")
            {
                alert("Fill Your checkout-date");

SHUBHAM KUMAR REG,NO-19303310018 P a g e 42 |

                document.getElementById("checkout-date").focus();
                return false;
            }
            if(document.getElementById("tday").value=="")
            {
                alert("Fill Your tour date");
                document.getElementById("tday").focus();
                return false;
            }
            if(document.getElementById("room-selection").value=="")
            {
                alert("Fill Your room-selection");
                document.getElementById("room-selection").focus();
                return false;
            }
        }
    </script>
  </body>
</html>

<?php
if(isset($_POST["book"]))
{
  include("connection.php");
    $username=$_POST["visitor_name"];
    $email=$_POST["visitor_email"];
    $mobile=$_POST["visitor_phone"];
    $city=$_POST["city"];
    $adult=$_POST["total_adults"];
    $child=$_POST["total_children"];
    $tourdays=$_POST["checkin"];
    $package=$_POST["room_preference"];
    $message=$_POST["visitor_message"];
 

 
    //echo"<center><table border='1px'>";
 
   
//echo"<tr><td>".$text."</td><td>".$email."</td><td>".$phone."</td><td>".
$password."</td></tr>";
  //echo"</center></table>";
 

$sql="insert into
tourbooking(name,email,phone,city,adults,children,tourdays,package,message)v

SHUBHAM KUMAR REG,NO-19303310018 P a g e 43 |

alues('$username','$email','$mobile','$city','$adult','$child','
$tourdays','$package','$message')";
mysqli_query($con,$sql);//execute sql command
echo"<script>alert('record update successful')</script>";
mysqli_close($con);
}
?>

Tour Details Admin:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 44 |

Tour Booking Detail(Admin):

<?php
include('includes/header.php');
include('includes/topbar.php');
include('includes/sidebar.php');
include('config/dbcon.php');
?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">

  <!-- Content Header (Page header) -->

  <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Dashboard</h1>
          </div><!-- /.col -->
SHUBHAM KUMAR REG,NO-19303310018 P a g e 45 |
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="index.php">Home</a></li>
              <li class="breadcrumb-item active">Tour Booking</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
  </div>

  <div class="container">
    <div class="row">
     <div class="col-md-12">
       <div class="card">
         <div class="card-header">
           <h3 class="card-title">Tour Booking FORM DETAILS OF USER</h3>
         </div>
             <!-- /.card-header -->
           <div class="card-body">
            <table id="example1" class="table table-bordered table-striped">
             <thead>
                <tr>
                  <th>ID</th>
                  <th>NAME</th>
                  <th>EMAIL</th>
                  <th>PHONE</th>
                  <th>CITY</th>
                  <th>ADULTS</th>
                  <th>CILDREN</th>
                  <th>TOURDAYS</th>
                  <th>PACKAGE</th>
                 
                  <th>MESSAGE</th>
                 
                </tr>
             </thead>
              <tbody>
               <?php
                  $query="SELECT * FROM tourbooking";
                  $query_run=mysqli_query($con,$query);

                  if(mysqli_num_rows($query_run) > 0)
                  {
                    foreach($query_run as $row)
                    {
                      /* echo $row['name']; */
                      ?>
                      <tr>
                          <td>
                            <?php echo $row['userid']; ?>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 46 |

                          </td>
                         
                          <td>
                            <?php echo $row['name']; ?>
                          </td>
                          <td>
                            <?php echo $row['email']; ?>
                          </td>
                          <td>
                            <?php echo $row['phone']; ?>
                          </td>
                          <td>
                            <?php echo $row['city']; ?>
                          </td>
                          <td>
                            <?php echo $row['adults']; ?>
                          </td>
                          <td>
                            <?php echo $row['children']; ?>
                          </td>
                          <td>
                            <?php echo $row['tourdays']; ?>
                          </td>
                          <td>
                            <?php echo $row['package']; ?>
                          </td>
                     
                          <td>
                            <?php echo $row['message']; ?>
                          </td>

                          <!-- <td>
                            <a href="" class="btn btn-info">Edit</a>
                            <a href="" class="btn btn-danger">Delete</a>
                          </td> -->
                        </tr>
                      <?php
                      }
                  }
                  else
                  {
                    ?>
                    <tr>
                    <td>NO record found</td>
                    </tr>
                    <?php
                  }
               ?>
             </tbody>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 47 |

           </table>
         </div>
       </div>
     </div>  
   </div>
 </div>

</div>

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

RESTOURANT BOOKING:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 48 |

RESTOURANT BOOKING CODING:
<!doctype html>
<html lang="en">

<head>
    <title>Title</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

    <!-- Bootstrap CSS -->

    <link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.c
ss"
       
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT
2MZw1T" crossorigin="anonymous">
        <link rel="stylesheet" href="CSS/R_res.css">
</head>

<body>
    <div id="booking" class="section">
        <div class="section-center">
            <div class="container">
                <div class="row">
                    <div class="booking-form">
                        <div class="form-header">
                            <h1>Make your reservation</h1>
                        </div>
                        <form method="post">
                            <div class="form-group"> <input class="form-
control" type="text"
                                    placeholder="Name" name="name"> <span
class="form-label">Name</span>
                            </div>
                            <div class="form-group"> <input class="form-
control" type="text"
                                    placeholder="Country, ZIP, city..."
name="city"> <span class="form-label">Destination</span>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group"> <input
class="form-control" name="chekin" type="date" required> <span
                                            class="form-label">Check
In</span> </div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 49 |

                                </div>
                                <div class="col-md-6">
                                    <div class="form-group"> <input
class="form-control" name="checkout" type="date" required> <span
                                            class="form-label">Check
out</span> </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group"> <select
class="form-control" name="table" required>
                                            <option value="" selected
hidden>No Of Table</option>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select> <span class="select-
arrow"></span> <span
                                            class="form-label">Rooms</span>
</div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group"> <select
class="form-control" name="adult" required>
                                            <option value="" selected
hidden>No Of Adults</option>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select> <span class="select-
arrow"></span> <span
                                            class="form-label">Adults</span>
</div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group"> <select
class="form-control" name="children" required>
                                            <option value="" selected
hidden>No Of Children</option>
                                            <option>0</option>
                                            <option>1</option>
                                            <option>2</option>
                                        </select> <span class="select-
arrow"></span> <span

SHUBHAM KUMAR REG,NO-19303310018 P a g e 50 |

                                            class="form-
label">Children</span> </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group"> <input
class="form-control" name="email" type="email"
                                            placeholder="Enter your Email">
<span class="form-label">Email</span> </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group"> <input
class="form-control" name="phone" type="tel"
                                            placeholder="Enter you Phone">
<span class="form-label">Phone</span> </div>
                                </div>
                            </div>
                            <div class="form-btn"> <button class="submit-
btn" name="book">Book Now</button> </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
       
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1P
i6jizo"
        crossorigin="anonymous"></script>
    <script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.
js"
        integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
    <script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
       
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+
B07jRM"
        crossorigin="anonymous"></script>
</body>

</html>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 51 |

<?php
if(isset($_POST["book"]))
{
    include("connection.php");
      $username=$_POST["name"];
    $city=$_POST["city"];
    $checkin=$_POST["checkin"];
    $checkout=$_POST["checkout"];
    $table=$_POST["table"];
    $adult=$_POST["adult"];
    $child=$_POST["children"];
    $email=$_POST["email"];
    $phone=$_POST["phone"];
   
//echo"<center><table border='1px'>";
   
//echo"<tr><td>".$text."</td><td>".$email."</td><td>".$phone."</td><td>".
$password."</td></tr>";
    //echo"</center></table>";
    $sql="insert into
resbooking(name,place,checkin,checkout,tables,adults,child,email,phone)value
s('$username','$city','$checkin','$checkout','$table','$adult','
$child','$email','$phone')";
mysqli_query($con,$sql);//execute sql command
echo"<script>alert('record update successful')</script>";
mysqli_close($con);
}
?>

RESTOURANT BOOKING(ADMIN):

SHUBHAM KUMAR REG,NO-19303310018 P a g e 52 |

RESTORENT BOOKING CODING:
<?php
include('includes/header.php');
include('includes/topbar.php');
include('includes/sidebar.php');
include('config/dbcon.php');
?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">

  <!-- Content Header (Page header) -->

  <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Dashboard</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
         

  <ol class="breadcrumb float-sm-right">

              <li class="breadcrumb-item"><a href="index.php">Home</a></li>
              <li class="breadcrumb-item active">Restaurants Booking</li>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 53 |
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
  </div>

  <div class="container">
    <div class="row">
     <div class="col-md-12">
       <div class="card">
         <div class="card-header">
           <h3 class="card-title">Restaurants Booking FORM DETAILS OF
USER</h3>
         </div>
             <!-- /.card-header -->
           <div class="card-body">
            <table id="example1" class="table table-bordered table-striped">
             <thead>
                <tr>
                  <th>ID</th>
                  <th>NAME</th>
                  <th>PLACE</th>
                  <th>CHECKIN</th>
                  <th>CHECKOUT</th>
                  <th>TABLES</th>
                  <th>ADULTS</th>
                  <th>CILDREN</th>
                  <
                  <th>EMAIL</th>
                  <th>PHONE</th>
                 
                </tr>
             </thead>
              <tbody>
               <?php
                  $query="SELECT * FROM resbooking";
                  $query_run=mysqli_query($con,$query);

                  if(mysqli_num_rows($query_run) > 0)
                  {
                    foreach($query_run as $row)
                    {
                      /* echo $row['name']; */
                      ?>
                      <tr>
                          <td>
                            <?php echo $row['userid']; ?>
                          </td>
                         
                          <td>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 54 |

                            <?php echo $row['name']; ?>
                          </td>
                         
                          <td>
                            <?php echo $row['place']; ?>
                          </td>
                   
                          <td>
                            <?php echo $row['checkin']; ?>
                          </td>
                          <td>
                            <?php echo $row['checkout']; ?>
                          </td>
                          <td>
                            <?php echo $row['tables']; ?>
                          </td>
                          <td>
                            <?php echo $row['adults']; ?>
                          </td>
                          <td>
                            <?php echo $row['child']; ?>
                          </td>
                          <td>
                            <?php echo $row['email']; ?>
                          </td>
                          <td>
                            <?php echo $row['phone']; ?>
                          </td>

                          <!-- <td>
                            <a href="" class="btn btn-info">Edit</a>
                            <a href="" class="btn btn-danger">Delete</a>
                          </td> -->
                        </tr>
                      <?php
                      }
                  }
                 

else
                  {
                    ?>
                    <tr>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 55 |

                    <td>NO record found</td>
                    </tr>
                    <?php
                  }
               ?>
             </tbody>
           </table>
         </div>
       </div>
     </div>  
   </div>
 </div>
</div>
<?php include('includes/script.php');?>

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

HOTEL BOOKING DETAILS:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 56 |

HOTEL BOOKING CODING:

<!doctype html>
<html lang="en">
  <head>
    <title>Tour</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

    <!-- Bootstrap CSS -->

    <link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.c
ss"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT
2MZw1T" crossorigin="anonymous">
    <style>
        body {
  width: 500px;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 57 |

  margin: 0 auto;
  padding: 50px;
}

div.elem-group {
  margin: 20px 0;
}

div.elem-group.inlined {
  width: 49%;
  display: inline-block;
  float: left;
  margin-left: 1%;
}

label {
  display: block;
  font-family: 'Nanum Gothic';
  padding-bottom: 10px;
  font-size: 1.25em;
}

input, select, textarea {

  border-radius: 2px;
  border: 2px solid #777;
  box-sizing: border-box;
  font-size: 1.25em;
  font-family: 'Nanum Gothic';
  width: 100%;
  padding: 10px;
}

div.elem-group.inlined input {
  width: 95%;
  display: inline-block;
}

textarea {
  height: 250px;
}

hr {
  border: 1px dotted #ccc;
}

button {
  height: 50px;
  background: orange;
  border: none;
  color: white;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 58 |

  font-size: 1.25em;
  font-family: 'Nanum Gothic';
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  border: 2px solid black;
}
        </style>
  </head>
  <body>
  <form action="#" method="post">
  <div class="elem-group">
    <label for="name">Your Name</label>
    <input type="text" id="name" name="visitor_name" placeholder="Your Name"
pattern=[A-Z\sa-z]{3,20}>
  </div>
  <div class="elem-group">
    <label for="email">Your E-mail</label>
    <input type="email" id="email" name="visitor_email" placeholder="Your
Email">
  </div>
  <div class="elem-group">
    <label for="phone">Your Phone</label>
    <input type="tel" id="phone" name="visitor_phone" placeholder="Your
Phone">
  </div>
  <hr>
  <div class="elem-group">
    <label for="phone">Fill The City Where you want to Book</label>
    <input type="tel" id="city" name="city" placeholder="Fill">
  </div>
  <div class="elem-group inlined">
    <label for="adult">Adults</label>
    <input type="number" id="adult" name="total_adults" >
  </div>
  <div class="elem-group inlined">
    <label for="child">Children</label>
    <input type="number" id="child" name="total_children">
  </div>
  <div class="elem-group inlined">
    <label for="checkin-date">Check-in Date</label>
    <input type="date" id="checkin-date" name="checkin">
  </div>
  <div class="elem-group inlined">
    <label for="checkout-date">Check-out Date</label>
    <input type="date" id="checkout-date" name="checkout">
  </div>
  <div class="elem-group">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 59 |

    <label for="room-selection">Select Room Preference</label>
    <select id="room-selection" name="room_preference">
        <option value="">Choose a Room from the List</option>
        <option value="connecting">Single</option>
        <option value="adjoining">Double</option>
        <option value="adjacent">Triple</option>
        <option value="adjacent">Quad</option>
    </select>
  </div>
  <hr>
  <div class="elem-group">
    <label for="message">Anything Else?</label>
    <textarea id="message" name="visitor_message" placeholder="Tell us
anything else that might be important."></textarea>
  </div>
  <button  name="book">Book The Rooms</button>
 
</form>
     
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1P
i6jizo" crossorigin="anonymous"></script>
    <script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.
js" integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
    <script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+
B07jRM" crossorigin="anonymous"></script>
    <script>
        var currentDateTime = new Date();
var year = currentDateTime.getFullYear();
var month = (currentDateTime.getMonth() + 1);
var date = (currentDateTime.getDate() + 1);

if(date < 10) {

  date = '0' + date;
}
if(month < 10) {
  month = '0' + month;
}

var dateTomorrow = year + "-" + month + "-" + date;

var checkinElem = document.querySelector("#checkin-date");
var checkoutElem = document.querySelector("#checkout-date");

SHUBHAM KUMAR REG,NO-19303310018 P a g e 60 |

checkinElem.setAttribute("min", dateTomorrow);

checkinElem.onchange = function () {
    checkoutElem.setAttribute("min", this.value);
}
</script>
   
        <script>
        /JAVA SCRIPT CODING/
        function validate()
        {
            if(document.getElementById("name").value=="")
            {
                alert("Fill Your Name");
                document.getElementById("name").focus();
                return false;
            }
            if(document.getElementById("email").value=="")
            {
                alert("Fill Your valid Email");
                document.getElementById("email").focus();
                return false;
            }
            if(document.getElementById("phone").value=="")
            {
                alert("Fill Your valid Phone");
                document.getElementById("phone").focus();
                return false;
            }
            if(document.getElementById("city").value=="")
            {
                alert("Fill Your City");
                document.getElementById("city").focus();
                return false;
            }
            if(document.getElementById("adult").value=="")
            {
                alert("Fill About Guest");
                document.getElementById("adult").focus();
                return false;
            }
            if(document.getElementById("child").value=="")
            {
                alert("Fill About Your Child");
                document.getElementById("child").focus();
                return false;
            }
            if(document.getElementById("checkin-date").value=="")
            {
                alert("Fill Your checkin-date");

SHUBHAM KUMAR REG,NO-19303310018 P a g e 61 |

                document.getElementById("checkin-date").focus();
                return false;
            }
            if(document.getElementById("checkout-date").value=="")
            {
                alert("Fill Your checkout-date");
                document.getElementById("checkout-date").focus();
                return false;
            }
            if(document.getElementById("room-selection").value=="")
            {
                alert("Fill Your room-selection");
                document.getElementById("room-selection").focus();
                return false;
            }
        }
    </script>
  </body>
</html>

<?php
if(isset($_POST["book"]))
{
  include("connection.php");
    $username=$_POST["visitor_name"];
    $email=$_POST["visitor_email"];
    $mobile=$_POST["visitor_phone"];
    $city=$_POST["city"];
    $adult=$_POST["total_adults"];
    $child=$_POST["total_children"];
    $checkin=$_POST["checkin"];
    $checkout=$_POST["checkout"];
    $room=$_POST["room_preference"];
    $message=$_POST["visitor_message"];
 

 
    //echo"<center><table border='1px'>";
 
   
//echo"<tr><td>".$text."</td><td>".$email."</td><td>".$phone."</td><td>".
$password."</td></tr>";
  //echo"</center></table>";
  $sql="insert into
hotelbooking(name,email,phone,city,adults,children,checkin,checkout,room,mes
sage)values('$username','$email','$mobile','$city','$adult','$child','
$checkin','$checkout','$room','$message')";
mysqli_query($con,$sql);//execute sql command

SHUBHAM KUMAR REG,NO-19303310018 P a g e 62 |

echo"<script>alert('record update successful')</script>";
mysqli_close($con);
}
?>

HOTEL BOOKING(ADMIN):

CHAPTER #8
Coding
SHUBHAM KUMAR REG,NO-19303310018 P a g e 63 |
<?php
include('includes/header.php');
include('includes/topbar.php');
include('includes/sidebar.php');
include('config/dbcon.php');
?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">

<!-- Content Header (Page header) -->

<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Dashboard</h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a
href="index.php">Home</a></li>
<li class="breadcrumb-item active">Hotel Booking</li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 64 |

 <div class="container">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">Hotel Booking FORM DETAILS OF
USER</h3>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>ID</th>
<th>NAME</th>
<th>EMAIL</th>
<th>PHONE</th>
<th>CITY</th>
<th>ADULTS</th>
<th>CILDREN</th>
<th>CHECKIN</th>
<th>CHECKOUT</th>
<th>ROOM</th>
<th>MESSAGE</th>

</tr>
</thead>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 65 |

 <tbody>
<?php
$query="SELECT * FROM hotelbooking";
$query_run=mysqli_query($con,$query);

if(mysqli_num_rows($query_run) > 0)
{
foreach($query_run as $row)
{
/* echo $row['name']; */
?>
<tr>
<td>
<?php echo $row['userid']; ?>
</td>

<td>
<?php echo $row['name']; ?>
</td>
<td>
<?php echo $row['email']; ?>
</td>
<td>
<?php echo $row['phone']; ?>
</td>
<td>
<?php echo $row['city']; ?>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 66 |

 </td>
<td>
<?php echo $row['adults']; ?>
</td>
<td>
<?php echo $row['children']; ?>
</td>
<td>
<?php echo $row['checkin']; ?>
</td>
<td>
<?php echo $row['checkout']; ?>
</td>
<td>
<?php echo $row['room']; ?>
</td>
<td>
<?php echo $row['message']; ?>
</td>

<!-- <td>
<a href="" class="btn btn-info">Edit</a>
<a href="" class="btn btn-danger">Delete</a>
</td> -->
</tr>
<?php

SHUBHAM KUMAR REG,NO-19303310018 P a g e 67 |

 }
}
else
{
?>
<tr>
<td>NO record found</td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 68 |

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

CONTACT US:

CONTACT US CODING:
<!doctype html>
<html lang="en">

<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 69 |

 <!-- Bootstrap CSS -->
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap
.min.css"

integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJT
QUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.1.1/css/all.min.css" />
<link rel="stylesheet" href="CSS/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
/>
<meta name="viewport" content="width=device-width, initial-
scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="colorlib.com">
<link href="https://fonts.googleapis.com/css?family=Poppins"
rel="stylesheet" />

<link href="CSS/service.css" rel="stylesheet" />

<link href="CSS/nav.css" rel="stylesheet" />

</head>
<style>
.btn-info {
color: #fff;
background-color: #FFD700;
border-radius: 55px;
border: 4px solid #FFD700;
}
SHUBHAM KUMAR REG,NO-19303310018 P a g e 70 |
section#counter-stats {
display: flex;
justify-content: center;
margin-top: 100px;
background: #40E0D0;
height: 15rem;
}

.stats {
text-align: center;
font-size: 35px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}

.stats .fa {
color: #008080;
font-size: 60px;
}

.contact-image{
background-image: url('image/contact.jpg');
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 25rem;
padding-top: 10px;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 71 |

 font-size: 40px;
}
.contact-image h1{
color: aqua;

}
</style>
</head>
<body>

<section>

<header>
<div class="navbar">
<div class="logo">
<img src="image/DDDDDD-removebg-preview.png">
</div>
<ul class="nav">
<li class="item">
<a class="nav-link" href="index.php">Home</a>
</li>

<li class="item">
<a class="nav-link" href="about.php">About</a>
</li>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 72 |

 <li class="item">
<a class="nav-link" href="tour.php">Tour</a>
</li>

<li class="item">
<a class="nav-link" href="hotel.php">Hotels</a>
</li>
<li class="item">
<a class="nav-link" href="service.php">Services</a>
</li>
<li class="item">
<a href="contact.php" class="contact">Contact</a>
</li>
<li class="item">
<a class="nav-link" href="login.php">Login</a>
</li>

</ul>

</div>
</header>

<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="image/hotel.jpg" alt="First slide"
style="height:43rem">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 73 |
 <div class="carousel-caption d-none d-md-block" style="padding-
right:50rem;">

<button type="button" class="btn btn-info">Book Now</button>

</div>
</div>
<div>

</section>

<section class="container mt-5">

<!--Contact heading-->
<div class="row">
<div class="col-sm-12 text-center mb-4">

</div>
<!--Grid column-->
<div class="col-sm-12 mb-4 col-md-5">
<!--Form with header-->
<div class="card border-primary rounded-0">
<div class="card-header p-0">
<div class="bg-primary text-white text-center py-2">
<h3><i class="fa fa-envelope"></i> Write to us:</h3>
<p class="m-0">We’ll write rarely, but only the best
content.</p>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 74 |

 </div>
</div>
<form method="post">
<div class="card-body p-3">

<div class="form-group">
<label> Your name </label>
<div class="input-group">
<input value="" type="text" name="name" class="form-control"
id="inlineFormInputGroupUsername"
placeholder="Your name">
</div>
</div>
<div class="form-group">
<label>Your email</label>
<div class="input-group mb-2 mb-sm-0">
<input type="email" value="" name="email" class="form-
control" id="inlineFormInputGroupUsername"
placeholder="Email">
</div>
</div>
<div class="form-group">
<label>Subject</label>
<div class="input-group mb-2 mb-sm-0">
<input type="text" name="subject" class="form-control"
id="inlineFormInputGroupUsername"
placeholder="Subject">
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 75 |
 </div>
<div class="form-group">
<label>Message</label>
<div class="input-group mb-2 mb-sm-0">
<input type="text" class="form-control" name="mesg">
</div>
</div>
<div class="text-center">
<input type="submit" name="submit" value="submit" class="btn
btn-primary btn-block rounded-0 py-2">
</div>

</div>
</form>

</div>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-sm-12 col-md-7">
<!--Google map-->
<div class="mb-4">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d230292.83828455536!2d85.13756450000002!3d25.5940947!2m3!1f0!2f0!
3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39ed593425a70f1f
%3A0x1be26ed210ba9c5f!2sKurji%20More!5e0!3m2!1sen!2sin!
4v1656471985087!5m2!1sen!2sin"
SHUBHAM KUMAR REG,NO-19303310018 P a g e 76 |
 width="600" height="450" style="border:0;" allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!--Buttons-->
<div class="row text-center">
<div class="col-md-4">
<a class="bg-primary px-3 py-2 rounded text-white mb-2 d-inline-
block"><i class="fa fa-map-marker"></i></a>
<p> Kurji, Patna </p>
</div>
<div class="col-md-4">
<a class="bg-primary px-3 py-2 rounded text-white mb-2 d-inline-
block"><i class="fa fa-phone"></i></a>
<p>+91- 90000000</p>
</div>
<div class="col-md-4">
<a class="bg-primary px-3 py-2 rounded text-white mb-2 d-inline-
block"><i class="fa fa-envelope"></i></a>
<p> [email protected]</p>
</div>
</div>
</div>
<!--Grid column-->
</div>
</section>
<section>
<footer class="footer-section">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 77 |

 <div class="container">
<div class="footer-cta pt-5 pb-5">
<div class="row">
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fas fa-map-marker-alt"></i>
<div class="cta-text">
<h4>Find us</h4>
<span>kurji,patna</span>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fas fa-phone"></i>
<div class="cta-text">
<h4>Call us</h4>
<span>000000000</span>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="far fa-envelope-open"></i>
<div class="cta-text">
<h4>Mail us</h4>
<span>[email protected]</span>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 78 |

 </div>
</div>
</div>
</div>
</div>
<div class="footer-content pt-5 pb-5">
<div class="row">
<div class="col-xl-4 col-lg-4 mb-50">
<div class="footer-widget">
<h4>Our Website</h4>
<!-- <div class="footer-logo">
<a href="index.html"><img
src="https://i.ibb.co/QDy827D/ak-logo.png" class="img-fluid"
alt="logo"></a>
</div> -->
<div class="footer-text">
<p>Lorem ipsum dolor sit amet, consec tetur adipisicing elit,
sed do eiusmod
tempor
incididuntut consec tetur adipisicing
elit,Lorem ipsum dolor sit amet.</p>
</div>
<div class="footer-social-icon">
<span>Follow us</span>
<a href="#"><i class="fab fa-facebook-f facebook-bg"></i></a>
<a href="#"><i class="fab fa-twitter twitter-bg"></i></a>
<a href="#"><i class="fab fa-google-plus-g
google-bg"></i></a>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 79 |
 </div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30">
<div class="footer-widget">
<div class="footer-widget-heading">
<h3>Useful Links</h3>
</div>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="about.php">about</a></li>
<li><a href="service.php">services</a></li>

<li><a href="contact.php">Contact</a></li>

<li><a href="service.php">Our Services</a></li>

<li><a href="#">Expert Team</a></li>
<li><a href="contact.php">Contact us</a></li>
<li><a href="#">Latest News</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-50">
<div class="footer-widget">
<div class="footer-widget-heading">
<h3>Subscribe</h3>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 80 |

 <div class="footer-text mb-25">
<p>Don’t miss to subscribe to our new feeds, kindly fill the
form below.</p>
</div>
<div class="subscribe-form">
<form action="#">
<input type="text" placeholder="Email Address">
<button><i class="fab fa-telegram-plane"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-area">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 text-center text-lg-left">
<div class="copyright-text">
<p>Copyright &copy; 2022, All Right Reserved <a
href="https://codepen.in">Codepen
Tech.</a>
</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 d-none d-lg-block text-right">
<div class="footer-menu">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 81 |
 <ul>
<li><a href="index.php">Home</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Policy</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</section>

<!-- Optional JavaScript -->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"

integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp
4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper
.min.js"
integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86
dIHNDz0W1"

SHUBHAM KUMAR REG,NO-19303310018 P a g e 82 |

 crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.m
in.js"

integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzI
xFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$(window).on('scroll', function() {
if (Math.round($(window).scrollTop()) > 100) {
$('.navbar').addClass('scrolled');
} else {
$('.navbar').removeClass('scrolled');
}
});
});

</script>
</body>

</html>

<?php
//signup coding
if(isset($_POST["submit"]))

SHUBHAM KUMAR REG,NO-19303310018 P a g e 83 |

{
include("connection.php");
$username=$_POST["name"];
$email=$_POST["email"];
$subject=$_POST["subject"];
$message=$_POST["mesg"];

//echo"<center><table border='1px'>";

//echo"<tr><td>".$text."</td><td>".$email."</td><td>".$phone."</td><t
d>".$password."</td></tr>";
//echo"</center></table>";
$sql="insert into
contactus(name,email,subject,message)values('$username','$email','$subj
ect','$message')";
mysqli_query($con,$sql);//execute sql command
echo"<script>alert('message send successfully')</script>";
mysqli_close($con);
}
?>

OUR SERVICE:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 84 |

OUR SERVICE CODING:

<!doctype html>
<html lang="en">

<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

<!-- Bootstrap CSS -->

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap
.min.css"
SHUBHAM KUMAR REG,NO-19303310018 P a g e 85 |
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJT
QUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.1.1/css/all.min.css" />
<link rel="stylesheet" href="CSS/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
/>
<meta name="viewport" content="width=device-width, initial-
scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="colorlib.com">
<link href="https://fonts.googleapis.com/css?family=Poppins"
rel="stylesheet" />

<link href="CSS/service.css" rel="stylesheet" />

<link href="CSS/nav.css" rel="stylesheet" />
<style>
.btn-info {
color: #fff;
background-color: #FFD700;
border-radius: 55px;
border: 4px solid #FFD700;
}
section#counter-stats {
display: flex;
justify-content: center;
margin-top: 100px;
background: #40E0D0;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 86 |

 height: 15rem;
}

.stats {
text-align: center;
font-size: 35px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}

.stats .fa {
color: #008080;
font-size: 60px;
}
</style>

</head>

<body>

<section>

<header>
<div class="navbar">
<div class="logo">
<img src="image/DDDDDD-removebg-preview.png">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 87 |

 </div>
<ul class="nav">
<li class="item">
<a class="nav-link" href="index.php">Home</a>
</li>

<li class="item">
<a class="nav-link" href="about.php">About</a>
</li>

<li class="item">
<a class="nav-link" href="tour.php">Tour</a>
</li>

<li class="item">
<a class="nav-link" href="hotel.php">Hotels</a>
</li>
<li class="item">
<a class="nav-link" href="service.php">Services</a>
</li>
<li class="item">
<a href="contact.php" class="contact">Contact</a>
</li>
<li class="item">
<a class="nav-link" href="login.php">Login</a>
</li>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 88 |

 </ul>

</div>
</header>

<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="image/hotel.jpg" alt="First slide"
style="height:45rem">
<div class="carousel-caption d-none d-md-block" style="padding-
right:50rem;">

<a href="book.php">
<button type="button" class="btn btn-info">Book Now</button>
</a>

</div>
</div>
<div>

</section>

<section style="background-color: #F5F5F5;" style="z-index:120px;

padding-left:20rem;">
<h1 style="padding-left: 35rem;">Our Services</h1>

<div class="cards-list1">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 89 |
 <div class="card1 card5">
<div class="card_image1">
<a href=""><i class="fa fa-spinner"></i></a>
</div>
<div class="card_title title-white">
<h6 class="heading">TOUR</h6>
<p>Sapien sed metus congue sodales vivamus
scelerisque.</p>

</div>
<div style="padding-top: 2.5rem; padding-left:5.5rem;">
<a href="book.php">
<button type="button" class="btn btn-success">Book
Now</button>
</a>
</div>
</div>

<div class="card1 card2">

<div class="card_image1">
<a href=""><i class="fa fa-spinner"></i></a>
</div>
<div class="card_title title-white">
<h6 class="heading">HOTEL & ROOMS</h6>
<p>Sapien sed metus congue sodales vivamus
scelerisque.</p>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 90 |
 </div>
<div style="padding-top: 2.5rem; padding-left:5.5rem;">
<a href="book.php">
<button type="button" class="btn btn-success">Book
Now</button>
</a>
</div>
</div>

<div class="card1 card3">

<div class="card_image1">
<a href=""><i class="fa fa-spinner"></i></a>
</div>
<div class="card_title title-white">
<h6 class="heading">Restaurant</h6>
<p>Sapien sed metus congue sodales vivamus
scelerisque.</p>

</div>
<div style="padding-top: 2.5rem; padding-left:5.5rem;">
<a href="book.php">
<button type="button" class="btn btn-success">Book
Now</button>
</a>
</div>
<!-- Optional JavaScript -->
SHUBHAM KUMAR REG,NO-19303310018 P a g e 91 |
 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"

integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp
4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper
.min.js"
integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86
dIHNDz0W1"
crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.m
in.js"
integrity="sha384-
JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07
jRM"
crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$(window).on('scroll', function() {
if (Math.round($(window).scrollTop()) > 100) {
$('.navbar').addClass('scrolled');
} else {
$('.navbar').removeClass('scrolled');
}
});
});

SHUBHAM KUMAR REG,NO-19303310018 P a g e 92 |

 </script>
</body>

</html>

FOOTER:

FOOTER CODING:

<section>
<footer class="footer-section">
<div class="container">
<div class="footer-cta pt-5 pb-5">
<div class="row">
<div class="col-xl-4 col-md-4 mb-30">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 93 |
 <div class="single-cta">
<i class="fas fa-map-marker-alt"></i>
<div class="cta-text">
<h4>Find us</h4>
<span>kurji,patna</span>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fas fa-phone"></i>
<div class="cta-text">
<h4>Call us</h4>
<span>000000000</span>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="far fa-envelope-open"></i>
<div class="cta-text">
<h4>Mail us</h4>
<span>[email protected]</span>
</div>
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 94 |
 </div>
</div>
</div>
<div class="footer-content pt-5 pb-5">
<div class="row">
<div class="col-xl-4 col-lg-4 mb-50">
<div class="footer-widget">
<h4>Our Website</h4>
<!-- <div class="footer-logo">
<a href="index.html"><img
src="https://i.ibb.co/QDy827D/ak-logo.png" class="img-fluid"
alt="logo"></a>
</div> -->
<div class="footer-text">
<p>Lorem ipsum dolor sit amet, consec tetur
adipisicing elit, sed do eiusmod
tempor
incididuntut consec tetur adipisicing
elit,Lorem ipsum dolor sit amet.</p>
</div>
<div class="footer-social-icon">
<span>Follow us</span>
<a href="#"><i class="fab fa-facebook-f facebook-
bg"></i></a>
<a href="#"><i class="fab fa-twitter
twitter-bg"></i></a>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 95 |
 <a href="#"><i class="fab fa-google-plus-g google-
bg"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30">
<div class="footer-widget">
<div class="footer-widget-heading">
<h3>Useful Links</h3>
</div>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="about.php">about</a></li>
<li><a href="service.php">services</a></li>

<li><a href="contact.php">Contact</a></li>

<li><a href="service.php">Our Services</a></li>

<li><a href="#">Expert Team</a></li>
<li><a href="contact.php">Contact us</a></li>
<li><a href="#">Latest News</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-50">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 96 |

 <div class="footer-widget">
<div class="footer-widget-heading">
<h3>Subscribe</h3>
</div>
<div class="footer-text mb-25">
<p>Don’t miss to subscribe to our new feeds, kindly
fill the form below.</p>
</div>
<div class="subscribe-form">
<form action="#">
<input type="text" placeholder="Email Address">
<button><i class="fab
fa-telegram-plane"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-area">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 text-center text-lg-left">
<div class="copyright-text">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 97 |

 <p>Copyright &copy; 2022, All Right Reserved <a
href="https://codepen.in">Codepen
Tech.</a>
</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 d-none d-lg-block text-
right">
<div class="footer-menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Policy</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</section>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 98 |

HEADER:

HEADER CODING:
<section>

<header>
<div class="navbar">
<div class="logo">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 99 |
 <img src="image/DDDDDD-removebg-preview.png">
</div>
<ul class="nav">
<li class="item">
<a class="nav-link" href="index.php">Home</a>
</li>

<li class="item">
<a class="nav-link" href="about.php">About</a>
</li>

<li class="item">
<a class="nav-link" href="tour.php">Tour</a>
</li>

<li class="item">
<a class="nav-link" href="hotel.php">Hotels</a>
</li>
<li class="item">
<a class="nav-link" href="service.php">Services</a>
</li>
<li class="item">
<a href="contact.php" class="contact">Contact</a>
</li>
<li class="item">
<a class="nav-link" href="login.php">Login</a>
</li>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 100 |

 </ul>

</div>
</header>

<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="image/hotel.jpg" alt="First slide"
style="height:45rem">
<div class="carousel-caption d-none d-md-block" style="padding-
right:50rem;">

<a href="book.php">
<button type="button" class="btn btn-info">Book Now</button>
</a>

</div>
</div>
<div>

</section>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 101 |

HOME PAGE:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 102 |

SHUBHAM KUMAR REG,NO-19303310018 P a g e 103 |
<!doctype html>
<html lang="en">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 104 |

<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

<!-- Bootstrap CSS -->

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap
.min.css"

integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJT
QUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.1.1/css/all.min.css" />
<link rel="stylesheet" href="CSS/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
/>
<meta name="viewport" content="width=device-width, initial-
scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="colorlib.com">
<link href="https://fonts.googleapis.com/css?family=Poppins"
rel="stylesheet" />

<link href="CSS/service.css" rel="stylesheet" />

<link href="CSS/nav.css" rel="stylesheet" />
</head>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 105 |

<body>

<header>
<div class="navbar">
<div class="logo">
<h6 style="font-family: fantasy;" ></h6>
<img src="image/log.png">
</div>
<ul class="nav">
<li class="item">
<a class="nav-link" href="nav.php">Home</a>
</li>

<li class="item">
<a class="nav-link" href="about.php">About</a>
</li>

<li class="item">
<a class="nav-link" href="tour.php">Tour</a>
</li>

<li class="item">
<a class="nav-link" href="hotel.php">Hotels</a>
</li>
<li class="item">
<a class="nav-link" href="service.php">Services</a>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 106 |

 </li>
<li class="item">
<a href="contact.php" class="contact">Contact</a>
</li>
<li class="item">
<a class="nav-link" href="login/login-user.php">Login</a>
</li>

</ul>

</div>
</header>

<div id="carouselExampleIndicators" class="carousel slide" data-

ride="carousel">
<ol class="carousel-indicators d-none">
<li data-target="#carouselExampleIndicators" data-slide-to="0"
class="active"></li>
<li data-target="#carouselExampleIndicators"
data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators"
data-slide-to="2"></li>
</ol>

<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="image/rr1.jpg" alt="First slide">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 107 |
 <div class="carousel-caption d-none d-md-block"></BR></BR>

<h5>
WELCOME TO </h5>
<p>
" Personalised, well-crafted tour packages for best experiences
".</p></BR>
<a href="book.php">
<button type="button" class="btn btn-info">Book Now</button>
</a>
<div class="s01 d-none">
<form>
<fieldset>
<legend>Discover the Amazing City</legend>
</fieldset>
<div class="inner-form">
<div class="input-field first-wrap">
<input id="search" type="text" placeholder="What are you
looking for?" />
</div>
<div class="input-field second-wrap">
<input id="location" type="text" placeholder="location" />
</div>
<div class="input-field third-wrap">
<button class="btn-search" type="button">Search</button>
</div>
</div>
</form>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 108 |
 </div>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="image/ram1.jpg" alt="Second
slide">
<div class="carousel-caption d-none d-md-block">
<h5>
WELCOME TO </h5>
<p>
" Personalised, well-crafted tour packages for best experiences
".</p></BR>
<a href="book.php">
<button type="button" class="btn btn-info">Book Now</button>
</a>
<div class="s01 d-none">
<form>
<fieldset>
<legend>Discover the Amazing City</legend>
</fieldset>
<div class="inner-form">
<div class="input-field first-wrap">
<input id="search" type="text" placeholder="What are you
looking for?" />
</div>
<div class="input-field second-wrap">
<input id="location" type="text" placeholder="location" />
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 109 |
 <div class="input-field third-wrap">
<button class="btn-search" type="button">Search</button>
</div>
</div>
</form>
</div>
</div>
</div>

<div class="carousel-item">
<img class="d-block w-100" src="image/378.jpg" alt="Third slide">
<div class="carousel-caption d-none d-md-block">
<h5>
WELCOME TO </h5>
<p>
" Personalised, well-crafted tour packages for best experiences
".</p></BR>
<a href="book.php">
<button type="button" class="btn btn-info">Book Now</button>
</a>
<div class="s01 d-none">
<form>
<fieldset>
<legend>Discover the Amazing City</legend>
</fieldset>
<div class="inner-form">
<div class="input-field first-wrap">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 110 |

 <input id="search" type="text" placeholder="What are you
looking for?" />
</div>
<div class="input-field second-wrap">
<input id="location" type="text" placeholder="location" />
</div>
<div class="input-field third-wrap">
<button class="btn-search" type="button">Search</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev d-none"
href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next d-none"
href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 111 |

 </div>

</section>

<section style="background-color: #F5F5F5;" style="z-index:120px;

padding-left:20rem;">
<h1 style="padding-left: 35rem;">Our Services</h1>

<div class="cards-list1">

<div class="card1 card5">

<div class="card_image1">
<a href=""><i class="fa fa-spinner"></i></a>
</div>
<div class="card_title title-white">
<h6 class="heading">TOUR</h6>
<p>Sapien sed metus congue sodales vivamus
scelerisque.</p>

</div>
<div style="padding-top: 2.5rem; padding-left:5.5rem;">
<a href="book.php">
<button type="button" class="btn btn-success">Book
Now</button>
</a>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 112 |

 </div>
</div>

<div class="card1 card2">

<div class="card_image1">
<a href=""><i class="fa fa-spinner"></i></a>
</div>
<div class="card_title title-white">
<h6 class="heading">HOTEL & ROOMS</h6>
<p>Sapien sed metus congue sodales vivamus
scelerisque.</p>

</div>
<div style="padding-top: 2.5rem; padding-left:5.5rem;">
<a href="book.php">
<button type="button" class="btn btn-success">Book
Now</button>
</a>
</div>
</div>

<div class="card1 card3">

<div class="card_image1">
<a href=""><i class="fa fa-spinner"></i></a>
</div>
<div class="card_title title-white">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 113 |
 <h6 class="heading">Restaurant</h6>
<p>Sapien sed metus congue sodales vivamus
scelerisque.</p>

</div>
<div style="padding-top: 2.5rem; padding-left:5.5rem;">
<a href="book.php">
<button type="button" class="btn btn-success">Book
Now</button>
</a>
</div>
</div>
</section>
<section>
<h1 style="margin-left: 12.5rem;"><strong>Featured</strong>
Destination</h1>
<div class="container 2">
<div class="row">
<div class="col-md-4">
<div class="content"> <a href="#">
<div class="content-overlay"></div> <img class="content-image"
src="image/6.jpg">
<div class="content-details fadeIn-bottom">
<h3 class="content-title">red fort</h3>
<p class="content-text"><i class="fa fa-map-marker"></i> India
</p>
<p>15 Listing</p>
</div>
</a> </div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 114 |
 </div>

<div class="col-md-4">
<div class="content"> <a href="#">
<div class="content-overlay"></div> <img class="content-image"
src="image/2.jpg">
<div class="content-details fadeIn-bottom">
<h3 class="content-title">tajmahal</h3>
<p class="content-text"><i class="fa fa-map-marker"></i>
India</p>
<p>22 Listing</p>
</div>
</a> </div>
</div>

<div class="col-md-4">
<div class="content"> <a href="#">
<div class="content-overlay"></div> <img class="content-image"
src="image/4.jpg">
<div class="content-details fadeIn-bottom">
<h3 class="content-title">san francisco</h3>
<p class="content-text"><i class="fa fa-map-marker"></i>
USA</p>
<p>08 Listing</p>
</div>
</a> </div>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 115 |

 <div class="col-md-4">
<div class="content"> <a href="#">
<div class="content-overlay"></div> <img class="content-image"
src="image/3.jpg"
style="padding-top: 2rem;">
<div class="content-details fadeIn-bottom">
<h3 class="content-title">lion</h3>
<p class="content-text"><i class="fa
fa-map-marker"></i>Singapore</p>
<p>50 Listing</p>
</div>
</a> </div>
</div>

<div class="col-md-4">
<div class="content"> <a href="#">
<div class="content-overlay"></div> <img class="content-image"
src="image/5.jpg"
style="padding-top: 2rem;">
<div class="content-details fadeIn-bottom">
<h3 class="content-title">Lotus temple</h3>
<p class="content-text"><i class="fa fa-map-marker"></i>
Australia</p>
<p>31 Listing</p>
</div>
</a> </div>
</div>
<div class="col-md-4">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 116 |

 <div class="content"> <a href="#">
<div class="content-overlay"></div> <img class="content-image"
src="image/1.jpg"
style="padding-top: 2rem;">
<div class="content-details fadeIn-bottom">
<h3 class="content-title">eiffel tower</h3>
<p class="content-text"><i class="fa fa-map-marker"></i>
France</p>
<p>42 Listing</p>
</div>
</a> </div>
</div>
</div>
</div>
</section>
<section>
<h1 style="margin-left: 12rem;"><strong>Top Tour</strong>
Packages</h1>
<div class="container my-4">

<div id="multi-item-example" class="carousel slide carousel-multi-

item" data-ride="carousel">

<!--Controls-->
<div class="controls-top d-none">
<a class="btn-floating" href="#multi-item-example" data-
slide="prev"><i class="fa fa-chevron-left"></i></a>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 117 |

 <a class="btn-floating" href="#multi-item-example" data-
slide="next"><i class="fa fa-chevron-right"></i></a>
</div>
<!--/.Controls-->

<!--Indicators-->
<ol class="carousel-indicators">
<li data-target="#multi-item-example" data-slide-to="0"
class="active"></li>
<li data-target="#multi-item-example" data-slide-to="1"></li>

</ol>
<!--/.Indicators-->

<!--Slides-->
<div class="carousel-inner" role="listbox">

<!--First slide-->
<div class="carousel-item active">

<div class="row">
<div class="col-md-4">
<div class="card mb-2">
<img class="card-img-top" src="image/6.jpg" alt="Card image
cap">
<div class="card-body">
<h4 class="card-title">RED FORT
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<s
pan
SHUBHAM KUMAR REG,NO-19303310018 P a g e 118 |
 style="color: rgb(189, 45, 45)"> &#8377;
20000</span></h4>

<p>Rating </p>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">The Red Fort or Lal Qila is a historic
fort in Old Delhi, Delhi in India that
served as the main residence of the Mughal
Emperors.</br></br></p>
<h7>2 days 3 nights</h7>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 119 |

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/2.jpg" alt="Card image
cap">
<div class="card-body">
<h4 class="card-title">TAJ MAHAL
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<s
pan
style="color: rgb(189, 45, 45)"> &#8377; 30000</span>
</h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 120 |
 <li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">The Taj Mahal is an Islamic ivory-white
marble mausoleum on the right bank of
the river Yamuna in the Indian city of Agra.</br></br></p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 121 |
 </a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/4.jpg" alt="Card image
cap">
<div class="card-body">
<h4 class="card-title">San Francisco
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 80000</span>
</h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 122 |

 <li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">San Francisco, officially the City and
County of San Francisco, is a commercial
and cultural center in the northern region of the U.S. state
of California.</p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>
</div>

</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 123 |

 <!--/.First slide-->

<!--Second slide-->
<div class="carousel-item">

<div class="row">
<div class="col-md-4">
<div class="card mb-2">
<img class="card-img-top" src="image/3.jpg" alt="Card image
cap">
<div class="card-body">
<h4 class="card-title">Singapore Lion
&nbsp&nbsp&nbsp&nbsp<span style="color: rgb(189, 45, 45)">
&#8377; 95000</span> </h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 124 |
 <li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">The Merlion is the official mascot of
Singapore. It is depicted as a mythical
creature with the head of a lion and the body of a fish.</p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/5.jpg" alt="Card image
cap">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 125 |

 <div class="card-body">
<h4 class="card-title">Lotus Temple
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 95000</span>
</h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">To be really honest, lotus temple is not
a temple, but a place of worship where

SHUBHAM KUMAR REG,NO-19303310018 P a g e 126 |

 prayers are held from different books of beliefs in
Australia</p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/1.jpg" alt="Card image
cap">
<div class="card-body">
<h4 class="card-title">Eiffel Tower
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 150000</span>
</h4>

<P>Rating </P>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 127 |

 <ul class="list-unstyled d-flex justify-content-center mb-0"
style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">The Eiffel Tower is a wrought-iron
lattice tower on the Champ de Mars in Paris,
France.</br></br></p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 128 |
 <button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>
</div>
</div>

</div>
<!--/.Second slide-->

</div>
<!--/.Slides-->

</div>
<!--/.Carousel Wrapper-->

</div>

<h1 style="padding-left:9rem;">Some Fun Fact</h1>

<section id="counter-stats" class="wow fadeInRight" data-wow-
duration="10s">

<div class="container">
<div class="row">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 129 |
 <div class="col-lg-3 stats">
<i class="fa fa-code" aria-hidden="true"></i>
<div class="counting" data-count="10000">0</div>
<h5>Destination Places</h5>
</div>

<div class="col-lg-3 stats">

<i class="fa fa-check" aria-hidden="true"></i>
<div class="counting" data-count="500">0</div>
<h5>Hotels</h5>
</div>

<div class="col-lg-3 stats">

<i class="fa fa-user" aria-hidden="true"></i>
<div class="counting" data-count="5000">0</div>
<h5>Happy clients</h5>
</div>

<div class="col-lg-3 stats">

<i class="fa fa-coffee" aria-hidden="true"></i>
<div class="counting" data-count="3000">0</div>
<h5>Restaurant</h5>
</div>

</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 130 |

 <!-- end row -->
</div>
<!-- end container -->

</section>
</section>

<section>
<h1 style="margin-left: 11.5rem;"><strong>Popular</strong> Hotels &
Rooms</h1>
<div class="container my-4">

<div id="multi-item-example" class="carousel slide carousel-multi-

item" data-ride="carousel">

<!--Controls-->
<div class="controls-top d-none">
<a class="btn-floating" href="#multi-item-example" data-
slide="prev"><i class="fa fa-chevron-left"></i></a>
<a class="btn-floating" href="#multi-item-example" data-
slide="next"><i class="fa fa-chevron-right"></i></a>
</div>
<!--/.Controls-->

<!--Indicators-->
<ol class="carousel-indicators">
<li data-target="#multi-item-example" data-slide-to="0"
class="active"></li>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 131 |
 <li data-target="#multi-item-example" data-slide-to="1"></li>
<li data-target="#multi-item-example" data-slide-to="2"></li>
</ol>
<!--/.Indicators-->

<!--Slides-->
<div class="carousel-inner" role="listbox">

<!--First slide-->
<div class="carousel-item active">

<div class="row">
<div class="col-md-4">
<div class="card mb-2">
<img class="card-img-top" src="image/h1.jpg" alt="Card image
cap">
<div class="card-body">
<h4 class="card-title">Hotel, India
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<s
pan
style="color: rgb(189, 45, 45)"> &#8377;
19000</span></h4>

<p>Rating</p>
<ul class="list-unstyled d-flex justify-content-center mb-0"
style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 132 |
 <li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Book a hotel in India online. Hotels
from budget to luxury. Good rates. No
reservation costs. Read hotel reviews from real
guests.</br></br></br></p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 133 |

 </div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/h2.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Hotel, India
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<s
pan
style="color: rgb(189, 45, 45)"> &#8377; 26000</span>
</h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 134 |
 <i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="far fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Book a hotel in India online. Hotels
from budget to luxury. Good rates. No
reservation costs. Read hotel reviews from real
guests</br></br></p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/h3.jpg" alt="Card
image cap">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 135 |

 <div class="card-body">
<h4 class="card-title">Hotel, USA
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 42000</span>
</h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star-half-alt fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Book your Hotel in USA online. No
Reservation Costs. Great Rates. Choose from a

SHUBHAM KUMAR REG,NO-19303310018 P a g e 136 |

 wide range of properties which Booking.com offers.</p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>
</div>

</div>
<!--/.First slide-->

<!--Second slide-->
<div class="carousel-item">

<div class="row">
<div class="col-md-4">
<div class="card mb-2">
<img class="card-img-top" src="image/h4.jpg" alt="Card
image cap">
<div class="card-body">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 137 |
 <h4 class="card-title">Hotel, Singapore
&nbsp&nbsp&nbsp&nbsp<span style="color: rgb(189, 45, 45)">
&#8377; 48000</span> </h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Book your Hotel in Singapore online.
No Reservation Costs. Great Rates. Bed and
Breakfasts. Villas. Hotels. Read Real Guest Reviews</p>
<h7>2 days 3 nights</h7>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 138 |
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/h5.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Hotel, Australia
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 58000</span>
</h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 139 |
 </li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star-half-alt fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Exclusive offers for Qantas members.
Enjoy great rates with no booking or
credit card fees. Use 30% less points when you book with
Qantas Hotel.</p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 140 |

 </div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/h6.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Hotel, France
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 102000</span>
</h4>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 141 |

 <i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="far fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text"> Book your Hotel in France online. No
Reservation Costs. Great Rates. Read Real
Guest Reviews.</br></br></p>
<h7>2 days 3 nights</h7>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
bsp

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>
</div>
</div>

</div>
<!--/.Second slide-->

SHUBHAM KUMAR REG,NO-19303310018 P a g e 142 |

 </div>
<!--/.Slides-->

</div>
<!--/.Carousel Wrapper-->

</div>

</section>

<section style="background-color:#E1D9D1;">
<h1 style="margin-left: 8.5rem;"></br>Our Guests
Says</br></br></h1>
<div class="row d-flex justify-content-center">
<div class="col-md-10 col-xl-8 text-center">
<h3 class="mb-4">Testimonials</h3>
<p class="mb-4 pb-2 mb-md-5 pb-md-0">
Our rich experience helps us to understand your needs and give
you a product that suits your requirement.
</p>
</div>
</div>

<div class="row text-center">

<div class="col-md-4 mb-5 mb-md-0">
<div class="d-flex justify-content-center mb-4">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 143 |

 <img src="image/prince.jpeg" class="rounded-circle shadow-1-
strong" width="150" height="150" />
</div>
<h5 class="mb-3">Prince Raj</h5>
<p>(Guest from Uganda)</p>
<p class="px-xl-3">
<i class="fas fa-quote-left pe-2"></i>Great experience.. Will
strongly recommend my family and friends in the
future Allepey boat house experience, Munnar jeep safari,
Ernakulam museum.
</p>
<ul class="list-unstyled d-flex justify-content-center mb-0">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star-half-alt fa-sm text-warning"></i>
</li>
</ul>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 144 |
 </div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="d-flex justify-content-center mb-4">
<img src="image/subham g.jpeg" class="rounded-circle shadow-1-
strong" width="150" height="150" />
</div>
<h5 class="mb-3">Subham G</h5>
<p>(Guest from USA)</p>
<p class="px-xl-3">
<i class="fas fa-quote-left pe-2"></i>Overall experience with tour
management was good with Travel trangle.
Cab driver in particular was very Courtious.
</p>
<ul class="list-unstyled d-flex justify-content-center mb-0">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 145 |
 </li>
</ul></br></br>
</div>
<div class="col-md-4 mb-0">
<div class="d-flex justify-content-center mb-4">
<img src="image/rakesh c.jpeg" class="rounded-circle shadow-1-
strong" width="150" height="150" />
</div>
<h5 class="mb-3">Rakesh C</h5>
<p>(Guest from Pakistan)</p>

<p class="px-xl-3">
<i class="fas fa-quote-left pe-2"></i>It was wonderful experience
overall. Thumbs up for both travel triangle
and Rizz tour team. everything was managed properly.
</p>
<ul class="list-unstyled d-flex justify-content-center mb-0">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 146 |
 </li>
<li>
<i class="far fa-star fa-sm text-warning"></i>
</li>
</ul>
</div>
</div>

</section>
<section>
<h1 style="margin-left: 11.5rem;"><strong>Popular</strong>
Restaurants</h1>
<div class="container my-4">

<div id="multi-item-example" class="carousel slide carousel-multi-

item" data-ride="carousel">

<!--Controls-->
<div class="controls-top d-none">
<a class="btn-floating" href="#multi-item-example" data-
slide="prev"><i class="fa fa-chevron-left"></i></a>
<a class="btn-floating" href="#multi-item-example" data-
slide="next"><i class="fa fa-chevron-right"></i></a>
</div>
<!--/.Controls-->

<!--Indicators-->

SHUBHAM KUMAR REG,NO-19303310018 P a g e 147 |

 <ol class="carousel-indicators">
<li data-target="#multi-item-example" data-slide-to="0"
class="active"></li>
<li data-target="#multi-item-example" data-slide-to="1"></li>

</ol>
<!--/.Indicators-->

<!--Slides-->
<div class="carousel-inner" role="listbox">

<!--First slide-->
<div class="carousel-item active">

<div class="row">
<div class="col-md-4">
<div class="card mb-2">
<img class="card-img-top" src="image/res6.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Tamra Restaurant
&nbsp&nbsp&nbsp<span style="color: rgb(189, 45, 45)">
&#8377; 8000</span></h4>
<p class="content-text"><i class="fa fa-map-marker"></i>
Delhi </p>

<p>Rating </p>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 148 |

 <ul class="list-unstyled d-flex justify-content-center mb-0"
style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Sizable, upscale hotel restaurant with
refined decor offering a global buffet &
cocktails.</br></br></p>

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 149 |
 </a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/res5.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Bon Barbecue
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 11000</span>
</h4>
<p class="content-text"><i class="fa fa-map-marker"></i>
Agra </p>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 150 |
 </li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">North Indian, Chinese & Continental
menu with a buffet option in a family-friendly ambiance.</br></p>

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/res4.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Oriole
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span

SHUBHAM KUMAR REG,NO-19303310018 P a g e 151 |

 style="color: rgb(189, 45, 45)"> &#8377; 18000</span>
</h4>
<p class="content-text"><i class="fa fa-map-marker"></i>
USA </p>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Intimate, high-end kitchen serving an
extended New American tasting menu in a stylish space.</p>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 152 |

 <a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>
</div>

</div>
<!--/.First slide-->

<!--Second slide-->
<div class="carousel-item">

<div class="row">
<div class="col-md-4">
<div class="card mb-2">
<img class="card-img-top" src="image/res3.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Sommer
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp<span style="color: rgb(189, 45, 45)">
&#8377; 19000</span> </h4>
<p class="content-text"><i class="fa fa-map-marker"></i>
Singapore </p>

<P>Rating </P>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 153 |
 <ul class="list-unstyled d-flex justify-content-center mb-0"
style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Step into a cool dining sanctuary and
experience cooking styles from all over the world.</p>

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 154 |
 </div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/res2.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Vue de monde
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 14000</span>
</h4>
<p class="content-text"><i class="fa
fa-map-marker"></i>Australia</p>

<P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 155 |
 </li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Elegant fine dining restaurant in the
Rialto building, with tasting menus and sweeping city views.</p>

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
</div>
</div>

<div class="col-md-4 clearfix d-none d-md-block">

<div class="card mb-2">
<img class="card-img-top" src="image/res1.jpg" alt="Card
image cap">
<div class="card-body">
<h4 class="card-title">Epicure
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp<span
style="color: rgb(189, 45, 45)"> &#8377; 17000</span>
</h4>
<p class="content-text"><i class="fa fa-map-marker"></i>
France </p>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 156 |

 <P>Rating </P>

<ul class="list-unstyled d-flex justify-content-center mb-0"

style="font-size: 2rem;">
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-warning"></i>
</li>
</ul>
<p class="card-text">Upscale hotel restaurant overlooking a
courtyard garden & specializing in French fine dining & wine.</br></p>

<a href="book.php">
<button type="button" class="btn btn-dark">Book
Now</button>
</a>
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 157 |
 </div>
</div>
</div>
</div>

</div>
<!--/.Second slide-->

</div>
<!--/.Slides-->

</div>
<!--/.Carousel Wrapper-->
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 158 |

<!doctype html>
<html lang="en">

<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

<!-- Bootstrap CSS -->

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap
.min.css"

integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJT
QUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.1.1/css/all.min.css" />
<link rel="stylesheet" href="CSS/style.css">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 159 |

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
/>
<meta name="viewport" content="width=device-width, initial-
scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="colorlib.com">
<link href="https://fonts.googleapis.com/css?family=Poppins"
rel="stylesheet" />

<link href="CSS/service.css" rel="stylesheet" />

<link href="CSS/nav.css" rel="stylesheet" />
<link href="CSS/style12.css" rel="stylesheet" />
<style>
.btn-info {
color: #fff;
background-color: #FFD700;
border-radius: 55px;
border: 4px solid #FFD700;
}
section#counter-stats {
display: flex;
justify-content: center;
margin-top: 100px;
background: #40E0D0;
height: 15rem;
}

.stats {

SHUBHAM KUMAR REG,NO-19303310018 P a g e 160 |

 text-align: center;
font-size: 35px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}

.stats .fa {
color: #008080;
font-size: 60px;
}
h1,
h2,
h3,
h4,
h5,
h6 {}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
}

a,
a:active,
a:focus {

SHUBHAM KUMAR REG,NO-19303310018 P a g e 161 |

 color: #333;
text-decoration: none;
transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
span, a, a:hover {
display: inline-block;
text-decoration: none;
color: inherit;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 162 |

}
.section-head {
margin-bottom: 60px;
}
.section-head h4 {
position: relative;
padding:0;
color:#f91942;
line-height: 1;
letter-spacing:0.3px;
font-size: 34px;
font-weight: 700;
text-align:center;
text-transform:none;
margin-bottom:30px;
}
.section-head h4:before {
content: '';
width: 60px;
height: 3px;
background: #f91942;
position: absolute;
left: 0px;
bottom: -10px;
right:0;
margin:0 auto;
}

SHUBHAM KUMAR REG,NO-19303310018 P a g e 163 |

.section-head h4 span {
font-weight: 700;
padding-bottom: 5px;
color:#2f2f2f
}
p.service_text{
color:#cccccc !important;
font-size:16px;
line-height:28px;
text-align:center;
}
.section-head p, p.awesome_line{
color:#818181;
font-size:16px;
line-height:28px;
text-align:center;
}

.extra-text {
font-size:34px;
font-weight: 700;
color:#2f2f2f;
margin-bottom: 25px;
position:relative;
text-transform: none;
}
.extra-text::before {

SHUBHAM KUMAR REG,NO-19303310018 P a g e 164 |

 content: '';
width: 60px;
height: 3px;
background: #f91942;
position: absolute;
left: 0px;
bottom: -10px;
right: 0;
margin: 0 auto;
}
.extra-text span {
font-weight: 700;
color:#f91942;
}
.item1 {
background: #fff;
text-align: center;
padding: 30px 25px;
-webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
border-radius: 20px;
border:5px solid rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}

SHUBHAM KUMAR REG,NO-19303310018 P a g e 165 |

.item1:hover{
background:#f91942;
box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item1:hover .item1, .item1:hover span.icon{
background:#fff;
border-radius:10px;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item1:hover h6, .item1:hover p{
color:#fff;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item1 .icon {
font-size: 40px;
margin-bottom:25px;
color: #f91942;
width: 90px;
height: 90px;
line-height: 96px;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 166 |

 border-radius: 50px;
}
.item1 .feature_box_col_one{
background:rgba(247, 198, 5, 0.20);
color:#f91942
}
.item1 .feature_box_col_two{
background:rgba(255, 77, 28, 0.15);
color:#f91942
}
.item1 .feature_box_col_three{
background:rgba(0, 147, 38, 0.15);
color:#f91942
}
.item1 .feature_box_col_four{
background:rgba(0, 108, 255, 0.15);
color:#f91942
}
.item1 .feature_box_col_five{
background:rgba(146, 39, 255, 0.15);
color:#f91942
}
.item1 .feature_box_col_six{
background:rgba(23, 39, 246, 0.15);
color:#f91942
}
.item1 p{

SHUBHAM KUMAR REG,NO-19303310018 P a g e 167 |

 font-size:15px;
line-height:26px;
}
.item1 h6 {
margin-bottom:20px;
color:#2f2f2f;
}
.mission p {
margin-bottom: 10px;
font-size: 15px;
line-height: 28px;
font-weight: 500;
}
.mission i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f91942;
border-radius: 50%;
color: #fff;
font-size: 25px;
}
.mission .small-text {
margin-left: 10px;
font-size: 13px;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 168 |

 color: #666;
}
.skills {
padding-top:0px;
}
.skills .prog-item1 {
margin-bottom: 25px;
}
.skills .prog-item1:last-child {
margin-bottom: 0;
}
.skills .prog-item1 p {
font-weight: 500;
font-size: 15px;
margin-bottom: 10px;
}
.skills .prog-item1 .skills-progress {
width: 100%;
height: 10px;
background: #e0e0e0;
border-radius:20px;
position: relative;
}
.skills .prog-item1 .skills-progress span {
position: absolute;
left: 0;
top: 0;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 169 |

 height: 100%;
background: #f91942;
width: 10%;
border-radius: 10px;
-webkit-transition: all 1s;
transition: all 1s;
}
.skills .prog-item1 .skills-progress span:after {
content: attr(data-value);
position: absolute;
top: -5px;
right: 0;
font-size: 10px;
font-weight:600;
color: #fff;
background:rgba(0, 0, 0, 0.9);
padding: 3px 7px;
border-radius: 30px;
}
</style>
</head>
<body>
<section>

<header>
<div class="navbar">
<div class="logo">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 170 |

 <img src="image/DDDDDD-removebg-preview.png">
</div>
<ul class="nav">
<li class="item">
<a class="nav-link" href="index.php">Home</a>
</li>

<li class="item">
<a class="nav-link" href="about.php">About</a>
</li>

<li class="item">
<a class="nav-link" href="tour.php">Tour</a>
</li>

<li class="item">
<a class="nav-link" href="hotel.php">Hotels</a>
</li>
<li class="item">
<a class="nav-link" href="service.php">Services</a>
</li>
<li class="item">
<a href="contact.php" class="contact">Contact</a>
</li>
<li class="item">
<a class="nav-link" href="login.php">Login</a>
</li>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 171 |

 </ul>

</div>
</header>

<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="image/hotel.jpg" alt="First slide"
style="height:45rem">
<div class="carousel-caption d-none d-md-block" style="padding-
right:50rem;">

<a href="book.php">
<button type="button" class="btn btn-info">Book Now</button>
</a>

</div>
</div>
<div>

</section>

<section>
<div class="container-fluid">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 172 |

 <div class="row ">
<div class="col-md-6">
<div class="about-image">
<img src="pngwing.png" alt="">
</div>

</div>

<div class="col-md-5">
<h1 style="margin-top: 100px;">ABOUT US</h1>
<p class="text">
We are satisfied to introduce ourselves as Customer
Focused Total Travel Solution Provider offering a wide range of services,
starting from organizing your journey ticket to designing your
international trip. We strongly believe in the value of time, and
whenever we are entrusted with the job, you can focus on your essential
business rather than working for your ticket and trip, your hotel
booking, or even planning your stay. We can also help you to choose
your destination spot. All these services are being provided at the
optimum cost, fitting your budgetary demands. This is the very reason
why we at having a long list of satisfied clientele, which includes noted
individuals to large corporate houses.
</p>
</div>

</div>
</div>
</section>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 173 |

<section>
<div class="feat bg-gray pt-5 pb-5">
<div class="container">
<div class="row">
<div class="section-head col-sm-12">
<h4><span>Why Choose</span> Us?</h4>
<p>Full Service – Everything That A Tourist May Need When
Going Abroad, In Addition To The Ticket.<br>
Quality Guarantee – We Do Not Have To Worry About
Paperwork Necessary Documents.<br>
Full Support – Contacting Us, You Get Full Support, From
Choosing The Tour And Ending With Advice On What To Take With
You On A Trip.</p>
</div>
<div class="col-lg-4 col-sm-6">
<div class="item1"> <span class="icon feature_box_col_one"><i
class="fa fa-globe"></i></span>
<h6>Diverse Destinations
</h6>
<p>We make your stay memorable by taking you to different
beautiful locations in and around your destination.</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="item1"> <span class="icon feature_box_col_two"><i
class="fa fa-anchor"></i></span>
<h6>Value for Money

SHUBHAM KUMAR REG,NO-19303310018 P a g e 174 |

 </h6>
<p>You can avail of all services from us at the best affordable
price for your journey..</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="item1"> <span class="icon feature_box_col_three"><i
class="fa fa-hourglass-half"></i></span>
<h6>24 x 7 User Support</h6>
<p>If you face any issue or want to change the booking, then
our support team is there for you always.</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="item1"> <span class="icon feature_box_col_four"><i
class="fa fa-database"></i></span>
<h6>Passionate Travel</h6>
<p>Here you will see all the problems and other arrangements
are handled professionally.</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="item1"> <span class="icon feature_box_col_five"><i
class="fa fa-upload"></i></span>
<h6>Fast Booking
</h6>
<p>You can book tickets for your holidays online in our site in
a secure and quick way.</p>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 175 |

 </div>
<div class="col-lg-4 col-sm-6">
<div class="item1"> <span class="icon feature_box_col_six"><i
class="fa fa-camera"></i></span>
<h6>
Best Service</h6>
<p>Make your traveling experience a memorable one with our
travel experts.<BR></p>
</div>
</div>
</div>
</div>
</div>

</section>

<section>
<footer class="footer-section">
<div class="container">
<div class="footer-cta pt-5 pb-5">
<div class="row">
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fas fa-map-marker-alt"></i>
<div class="cta-text">
<h4>Find us</h4>
<span>kurji,patna</span>
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 176 |
 </div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fas fa-phone"></i>
<div class="cta-text">
<h4>Call us</h4>
<span>000000000</span>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="far fa-envelope-open"></i>
<div class="cta-text">
<h4>Mail us</h4>
<span>[email protected]</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer-content pt-5 pb-5">
<div class="row">
<div class="col-xl-4 col-lg-4 mb-50">
<div class="footer-widget">
<h4>Our Website</h4>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 177 |

 <!-- <div class="footer-logo">
<a href="index.html"><img
src="https://i.ibb.co/QDy827D/ak-logo.png" class="img-fluid"
alt="logo"></a>
</div> -->
<div class="footer-text">
<p>Lorem ipsum dolor sit amet, consec tetur adipisicing elit,
sed do eiusmod
tempor
incididuntut consec tetur adipisicing
elit,Lorem ipsum dolor sit amet.</p>
</div>
<div class="footer-social-icon">
<span>Follow us</span>
<a href="#"><i class="fab fa-facebook-f facebook-bg"></i></a>
<a href="#"><i class="fab fa-twitter twitter-bg"></i></a>
<a href="#"><i class="fab fa-google-plus-g
google-bg"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30">
<div class="footer-widget">
<div class="footer-widget-heading">
<h3>Useful Links</h3>
</div>
<ul>
<li><a href="index.php">Home</a></li>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 178 |
 <li><a href="about.php">about</a></li>
<li><a href="service.php">services</a></li>

<li><a href="contact.php">Contact</a></li>

<li><a href="service.php">Our Services</a></li>

<li><a href="#">Expert Team</a></li>
<li><a href="contact.php">Contact us</a></li>
<li><a href="#">Latest News</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-50">
<div class="footer-widget">
<div class="footer-widget-heading">
<h3>Subscribe</h3>
</div>
<div class="footer-text mb-25">
<p>Don’t miss to subscribe to our new feeds, kindly fill the
form below.</p>
</div>
<div class="subscribe-form">
<form action="#">
<input type="text" placeholder="Email Address">
<button><i class="fab fa-telegram-plane"></i></button>
</form>
</div>
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 179 |
 </div>
</div>
</div>
</div>
<div class="copyright-area">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 text-center text-lg-left">
<div class="copyright-text">
<p>Copyright &copy; 2022, All Right Reserved <a
href="https://codepen.in">Codepen
Tech.</a>
</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 d-none d-lg-block text-right">
<div class="footer-menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Policy</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 180 |

 </div>
</div>
</footer>
</section>

<!-- Optional JavaScript -->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp
4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper
.min.js" integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86
dIHNDz0W1" crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.m
in.js" integrity="sha384-
JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07
jRM" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$(window).on('scroll', function() {
if (Math.round($(window).scrollTop()) > 100) {
$('.navbar').addClass('scrolled');
} else {
$('.navbar').removeClass('scrolled');
}
});
});

SHUBHAM KUMAR REG,NO-19303310018 P a g e 181 |

 </script>
</body>
</html>

BEST HOTEL:

<!doctype html>
<html lang="en">

<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 182 |
 <meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

<!-- Bootstrap CSS -->

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap
.min.css"

integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJT
QUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.1.1/css/all.min.css" />
<link rel="stylesheet" href="CSS/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
/>
<meta name="viewport" content="width=device-width, initial-
scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="colorlib.com">
<link href="https://fonts.googleapis.com/css?family=Poppins"
rel="stylesheet" />

<link href="CSS/service.css" rel="stylesheet" />

<link href="CSS/nav.css" rel="stylesheet" />
<style>
.btn-info {
color: #fff;
background-color: #FFD700;
border-radius: 55px;
border: 4px solid #FFD700;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 183 |

}
section#counter-stats {
display: flex;
justify-content: center;
margin-top: 100px;
background: #40E0D0;
height: 15rem;
}

.stats {
text-align: center;
font-size: 35px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}

.stats .fa {
color: #008080;
font-size: 60px;
}

@import url("https://fonts.googleapis.com/css?
family=Roboto:300,400,500,700");
*{
margin: 0;
padding: 0;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 184 |

}

html, body {
height: 100%;
}

ul {
list-style: none;
display: flex;
justify-content: flex-end;
}

.top__header {
position: relative;
height: 45px;
padding: 10px;
background: #51D6FB;
color: #FFFFFF;
font-size: 12px;
font-family: "Roboto", sans-serif;
text-align: center;
overflow: hidden;
}
.top__header .icon__menu .menu__mobile {
text-align: left;
margin-top: -5px;
}

SHUBHAM KUMAR REG,NO-19303310018 P a g e 185 |

.top__header .icon__menu .menu__desktop {
display: none;
}
.top__header h3 {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
}
.top__header:before {
content: "";
width: 100%;
border-radius: 10px 10px 0 0;
background: #1fcafa;
height: 100%;
display: block;
position: absolute;
top: 32px;
left: 0;
}

.cards {
margin-top: 1rem;
padding: 10px;
display: grid;
grid-gap: 20px;
font-family: "Roboto", sans-serif;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 186 |

}
.cards .card {
position: relative;
max-height: 340px;
padding: 10px;
border-radius: 8px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(auto, 1fr));
}
.cards .card__img {
max-height: 200px;
border-radius: 10px;
overflow: hidden;
}
.cards .card__details {
position: relative;
top: -36px;
width: 90%;
padding: 10px;
margin: 0 auto;
background: white;
border-radius: 10px;
box-shadow: 0 4px 8px 0 rgba(3, 6, 31, 0.15);
display: grid;
grid-gap: 5px;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 187 |

}
.cards .card__details h3 {
font-size: 22px;
font-weight: 400;
}
.cards .card__details .address {
color: #777777;
font-size: 12px;
}
.cards .card__details .price {
display: grid;
grid-template-columns: 1fr 1fr;
}
.cards .card__details .price .price__l {
width: 100%;
text-align: right;
}
.cards .card__details .price .price__l .price__label {
font-weight: 600;
text-align: right;
}
.cards .card__details .price .star img {
width: 14px;
}
.cards .card__details button {
cursor: pointer;
width: 100%;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 188 |

 padding: 15px;
border: none;
border-radius: 5px;
background: #51D6FB;
color: #FFFFFF;
}
.cards .card__details button:focus {
outline: none;
}
.cards .card .credit-img {
position: absolute;
right: 0;
bottom: 0;
padding: 10px;
font-size: 10px;
text-align: right;
}

@media (max-width: 347px) {

.cards .card__details .price {
align-items: baseline;
}
.cards .card__details .price .price__l {
font-size: 12px;
}
}
@media (min-width: 425px) {

SHUBHAM KUMAR REG,NO-19303310018 P a g e 189 |

 .top__header .icon__menu .menu__mobile {
display: none;
}
.top__header .icon__menu .menu__desktop {
display: block;
}
.top__header .icon__menu .menu__desktop ul.desktop__menu li {
cursor: pointer;
margin: 0 1rem;
padding: 2px 10px;
}
.top__header .icon__menu .menu__desktop ul.desktop__menu
li.promo {
background: #D7493A;
border-radius: 5px;
}
.top__header .icon__menu .menu__desktop ul.desktop__menu
li.promo:hover {
background: #b93425;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.cards .card {
grid-template-columns: 1fr 1fr;
}
.cards .card__details {
top: 0;
align-items: flex-start;
SHUBHAM KUMAR REG,NO-19303310018 P a g e 190 |
 align-content: center;
grid-gap: 10px;
}
.cards .card__details .price {
grid-template-columns: auto 1fr;
font-size: 15px;
}
.cards .card__details .address {
margin-top: -7px;
}
.cards .card .credit-img {
padding: 15px 25px;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.cards .card {
grid-template-columns: 1fr 1fr;
}
.cards .card__details {
top: 0;
align-items: flex-start;
align-content: center;
grid-gap: 10px;
}
.cards .card__details .price {
grid-template-columns: auto 1fr;
font-size: 15px;

SHUBHAM KUMAR REG,NO-19303310018 P a g e 191 |

 }
.cards .card__details .address {
margin-top: -7px;
}
.cards .card .credit-img {
padding: 15px 25px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:
landscape) {
.cards {
grid-template-columns: 1fr 1fr;
}
.cards .credit-img {
font-size: 8px !important;
}
}
@media (min-width: 1025px) {
.wrapper {
width: 960px;
margin: auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.wrapper .cards {
grid-template-columns: 1fr 1fr 1fr;
}
.wrapper .cards .card__details h3 {

SHUBHAM KUMAR REG,NO-19303310018 P a g e 192 |

 font-size: 18px;
}
}
</style>
</head>

<body>

<section>

<header>
<div class="navbar">
<div class="logo">
<img src="image/DDDDDD-removebg-preview.png">
</div>
<ul class="nav">
<li class="item">
<a class="nav-link" href="index.php">Home</a>
</li>

<li class="item">
<a class="nav-link" href="about.php">About</a>
</li>

<li class="item">
<a class="nav-link" href="tour.php">Tour</a>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 193 |

 </li>

<li class="item">
<a class="nav-link" href="hotel.php">Hotels</a>
</li>
<li class="item">
<a class="nav-link" href="service.php">Services</a>
</li>
<li class="item">
<a href="contact.php" class="contact">Contact</a>
</li>
<li class="item">
<a class="nav-link" href="login.php">Login</a>
</li>

</ul>

</div>
</header>

<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="image/hotel.jpg" alt="First slide"
style="height:45rem">
<div class="carousel-caption d-none d-md-block" style="padding-
right:50rem;">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 194 |

 <a href="book.php">
<button type="button" class="btn btn-info">Book Now</button>
</a>

</div>
</div>
<div>

</section>

<section>

<div class="wrapper">
<div class="top__header">
<div class="icon__menu">
<div class="menu__mobile">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="24" height="24"
viewBox="0 0 192 192"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero"
stroke="none" stroke-width="1" stroke-linecap="butt" stroke-
linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-
dashoffset="0" font-family="none" font-weight="none" font-size="none"
text-anchor="none" style="mix-blend-mode: normal"><path
d="M0,192v-192h192v192z" fill="none"></path><g fill="#ffffff"><g
id="surface1"><path d="M0,34.56v7.68h192v-7.68zM0,92.16v7.68h192v-
7.68zM0,149.76v7.68h192v-7.68z"></path></g></g></g></svg>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 195 |

 </div>
<h3>Best Hotel For Customer</h3>
</div>
<div class="cards">
<div class="card">
<div class="card__img">
<picture>
<source media="(max-width: 320px)"
srcset="https://images.unsplash.com/photo-1530629013299-
6cb10d168419?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=335&h=
200&q=80">

<source media="(min-width: 538px)"

srcset="https://images.unsplash.com/photo-1530629013299-
6cb10d168419?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=
200&q=1500">

<img src="https://images.unsplash.com/photo-1530629013299-
6cb10d168419?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=
200&q=1500">
</picture>
</div>
<div class="card__details">
<h3 for="cozyroom">Cozying Room</h3>
<div class="address">Kolkata</div>
<div class="price">
<div class="star">
SHUBHAM KUMAR REG,NO-19303310018 P a g e 196 |
 <img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
</div>
<div class="price__l">
<span class="price__label">INR 15K /</span>
<span class="measure__label">night</span>
</div>
</div>
<a href="book.php">
<button>Book Now</button>
</a>
</div>
<span class="credit-img"></span>
</div>

<div class="card">
<div class="card__img">
<picture>
<source media="(max-width: 400px)"
srcset="https://images.unsplash.com/photo-1507038772120-
7fff76f79d79?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=335&h=
200&q=80">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 197 |

 <source media="(min-width: 481px)"
srcset="https://images.unsplash.com/photo-1507038772120-
7fff76f79d79?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=
200&q=80">

<img src="https://images.unsplash.com/photo-1507038772120-
7fff76f79d79?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=335&h=
200&q=80">
</picture>
</div>
<div class="card__details">
<h3 for="tomato">House sweet</h3>
<div class="address">Mumbai</div>
<div class="price">
<div class="star">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
</div>
<div class="price__l">
<span class="price__label">INR 18K /</span>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 198 |

 <span class="measure__label">night</span>
</div>
</div>
<a href="book.php">
<button>Book Now</button>
</a>
</div>
<span class="credit-img"></span>
</div>

<div class="card">
<div class="card__img">
<picture>
<source media="(max-width: 400px)"
srcset="https://images.unsplash.com/photo-1541123356219-
284ebe98ae3b?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=335&h=
200&q=80">

<source media="(min-width: 481px)"

srcset="https://images.unsplash.com/photo-1541123356219-
284ebe98ae3b?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=
200&q=100">

<img src="https://images.unsplash.com/photo-1541123356219-
284ebe98ae3b?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=335&h=
200&q=80">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 199

|
 </picture>
</div>
<div class="card__details">
<h3 for="cozyroom">Makau Homestay</h3>
<div class="address">Australia</div>

<div class="price">
<div class="star">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
</div>
<div class="price__l">
<span class="price__label">INR 21K /</span>
<span class="measure__label">night</span>
</div>
</div>
<a href="book.php">
<button>Book Now</button>
</a>
</div>
<span class="credit-img"></span>
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 200
|
 <div class="card">
<div class="card__img">
<picture>
<source media="(max-width: 320px)"
srcset="https://images.unsplash.com/photo-1545022388-
9e6d95c77174?ixlib=rb-
1.2.1&auto=format&fit=crop&w=335&h=200&q=80">

<source media="(max-width: 500px)"

srcset="https://images.unsplash.com/photo-1545022388-
9e6d95c77174?ixlib=rb-
1.2.1&auto=format&fit=crop&w=500&h=200&q=100">

<img src="https://images.unsplash.com/photo-1545022388-
9e6d95c77174?ixlib=rb-
1.2.1&auto=format&fit=crop&w=400&h=200&q=80">
</picture>
</div>
<div class="card__details">
<h3 for="cozyroom">Bogor Cozy Homestay</h3>
<div class="address">Delhi</div>

<div class="price">
<div class="star">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 201 |

 <img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
</div>
<div class="price__l">
<span class="price__label">INR 25K /</span>
<span class="measure__label">night</span>
</div>
</div>
<a href="book.php">
<button>Book Now</button>
</a>
</div>
<span class="credit-img"></span>
</div>

<div class="card">
<div class="card__img">
<picture>
<source media="(max-width: 320px)"
srcset="https://images.unsplash.com/photo-1540518614846-
7eded433c457?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=335&h=
200&q=80">

<source media="(max-width: 500px)"

SHUBHAM KUMAR REG,NO-19303310018 P a g e 202

|
 srcset="https://images.unsplash.com/photo-1540518614846-
7eded433c457?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=
200&q=100">

<img src="https://images.unsplash.com/photo-1540518614846-
7eded433c457?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=400&h=
200&q=80">
</picture>
</div>
<div class="card__details">
<h3 for="cozyroom">Tribeca BedMy</h3>
<div class="address">Jakarta</div>

<div class="price">
<div class="star">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
</div>
<div class="price__l">
<span class="price__label">INR 29K /</span>
<span class="measure__label">night</span>
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 203
|
 </div>
<a href="book.php">
<button>Book Now</button>
</a>
</div>
<span class="credit-img"></span>
</div>

<div class="card">
<div class="card__img">
<picture>
<source media="(max-width: 320px)"
srcset="https://images.unsplash.com/photo-1512918728675-
ed5a9ecdebfd?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=335&h=
200&q=80">

<source media="(max-width: 500px)"

srcset="https://images.unsplash.com/photo-1512918728675-
ed5a9ecdebfd?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=
200&q=100">

<img src="https://images.unsplash.com/photo-1512918728675-
ed5a9ecdebfd?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&h=
200&q=80">
</picture>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 204

|
 <div class="card__details">
<h3 for="cozyroom">Les't Carrot</h3>
<div class="address">San Francisco</div>

<div class="price">
<div class="star">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
<img src="https://image.flaticon.com/icons/svg/291/291205.svg"
alt="">
</div>
<div class="price__l">
<span class="price__label">INR 32K /</span>
<span class="measure__label">night</span>
</div>
</div>
<a href="book.php">
<button>Book Now</button>
</a>
</div>
<span class="credit-img"></span>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 205

|
 </div>
</div>
</section>

<section>
<footer class="footer-section">
<div class="container">
<div class="footer-cta pt-5 pb-5">
<div class="row">
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fas fa-map-marker-alt"></i>
<div class="cta-text">
<h4>Find us</h4>
<span>kurji,patna</span>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="fas fa-phone"></i>
<div class="cta-text">
<h4>Call us</h4>
<span>000000000</span>
</div>
</div>

SHUBHAM KUMAR REG,NO-19303310018 P a g e 206

|
 </div>
<div class="col-xl-4 col-md-4 mb-30">
<div class="single-cta">
<i class="far fa-envelope-open"></i>
<div class="cta-text">
<h4>Mail us</h4>
<span>[email protected]</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer-content pt-5 pb-5">
<div class="row">
<div class="col-xl-4 col-lg-4 mb-50">
<div class="footer-widget">
<h4>Our Website</h4>
<!-- <div class="footer-logo">
<a href="index.html"><img
src="https://i.ibb.co/QDy827D/ak-logo.png" class="img-fluid"
alt="logo"></a>
</div> -->
<div class="footer-text">
<p>Lorem ipsum dolor sit amet, consec tetur adipisicing elit,
sed do eiusmod
tempor
incididuntut consec tetur adipisicing

SHUBHAM KUMAR REG,NO-19303310018 P a g e 207

|
 elit,Lorem ipsum dolor sit amet.</p>
</div>
<div class="footer-social-icon">
<span>Follow us</span>
<a href="#"><i class="fab fa-facebook-f facebook-bg"></i></a>
<a href="#"><i class="fab fa-twitter twitter-bg"></i></a>
<a href="#"><i class="fab fa-google-plus-g
google-bg"></i></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30">
<div class="footer-widget">
<div class="footer-widget-heading">
<h3>Useful Links</h3>
</div>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="about.php">about</a></li>
<li><a href="service.php">services</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="service.php">Our Services</a></li>
<li><a href="#">Expert Team</a></li>
<li><a href="contact.php">Contact us</a></li>
<li><a href="#">Latest News</a></li>
</ul>
</div>
SHUBHAM KUMAR REG,NO-19303310018 P a g e 208
|
 </div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-50">
<div class="footer-widget">
<div class="footer-widget-heading">
<h3>Subscribe</h3>
</div>
<div class="footer-text mb-25">
<p>Don’t miss to subscribe to our new feeds, kindly fill the
form below.</p>
</div>
<div class="subscribe-form">
<form action="#">
<input type="text" placeholder="Email Address">
<button><i class="fab fa-telegram-plane"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-area">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 text-center text-lg-left">
<div class="copyright-text">

SHUBHAM KUMAR REG,NO-19303310018 P a g e 209

|
 <p>Copyright &copy; 2022, All Right Reserved <a
href="https://codepen.in">Codepen
Tech.</a>
</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 d-none d-lg-block text-right">
<div class="footer-menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Policy</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"

integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp
4YfRvH+8abtTE1Pi6jizo"

SHUBHAM KUMAR REG,NO-19303310018 P a g e 210 |

 crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper
.min.js"
integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86
dIHNDz0W1"
crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.m
in.js"

integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzI
xFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"><
/script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/
bootstrap.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/wow/0.1.12/wow.min.js"></
script>
<script>
$(document).ready(function() {
$(window).on('scroll', function() {
if (Math.round($(window).scrollTop()) > 100) {
$('.navbar').addClass('scrolled');
} else {
$('.navbar').removeClass('scrolled');

SHUBHAM KUMAR REG,NO-19303310018 P a g e 211 |

 }
});
});

</script>
</body>
</html>

CHAPTER #9
Advantages & Limitations

Advantages of “Tour & Tourism”:

“” provides various features, which complement the information

system and increase the productivity of the system. These features make the
system easily usable and convenient. Some of the important features
included are listed as follows:

• Simple & Easy to Use.

• Increased Library Engagement.
• Data Security
• Fully Customizable.
• Organized and structured storage of facts.
• Strategic Planning made easy.
• No decay of old Records.

Limitations of “Tour & Tourism”:

SHUBHAM KUMAR REG,NO-19303310018 P a g e 212 |
 Besides the above achievements and the successful completion of the project,
we still feel the project has some limitations, listed as below:

1. It is not a large scale system.

2. Only limited information provided by this system.
3. The transactions are executed in off-line mode.
4. People who are not familiar with computers can’t use this
software.

SHUBHAM KUMAR REG,NO-19303310018 P a g e 213 |

 C HAPTER #9
Future Scope

FUTURE SCOPE

This application can be easily implemented under various situations. We can add new
features as and when require. Reusability is possible as and when require in this
application. There is flexibility in all the modules.

CONCLUSION

The project entitled “” is developed using Java as front end and mysql database in backend
to computerize the process of hotel management. This project covers only the basic
features required.

SHUBHAM KUMAR REG,NO-19303310018 P a g e 214 |

THANK YOU!

SHUBHAM KUMAR REG,NO-19303310018 P a g e 215 |