You are on page 1of 49

Chapter 1

INTRODUCTION
Contents:
 Introduction
 Problems definition
 Aim
 Objective
 Goal
 Need Of System
Introduction to the system
This project is aimed at developing a Tourism that depicts online .This
software helps customer to Find Best Places to Visit and Enjoy and Fun .
It is designed such a way that one can Book Hotels and Find Best Place
For Visit in our Database . of persons and according to meal plan. The
software will help in easy maintaining and updating information in the
website for the administrator. Also the user can cancel and check his
Booking Of Hotels details history.

Problem Definition
Managing your Online Tourism Website may seem tricky, but this is part
of Customer Service System (application support direct contact with
customer)

Aim:

BCA 3th Sem 1 Hemant Kumar ( B40521034)


“To Manage Online Tourism Website To Solve their Problems to related
to find best places for visit or spend best family time together .”

Objective:
This software helps customer to Find Best Place for Visit . It is
designed such a way that one can work According to persons and
according to meal plan from anywhere. The software will help in
easy maintaining and updating Booking of Hotels information in
the website for the administrator. Also the user can cancel and
check his Booking of Hotels history.

Goal:
The Normal Person are handle the entire advance Tourism
Website to , which is very tedious and mismanaged.

The objective of our project is as follows:

To keep the information of customer.

To keep the information of no. of persons, meal plan and timing.

To keep the information of confirmed and not confirmed Receive


Booking .

Need of the System:


There is always a need of a system that will perform online
Tourism Website to Help Booking Hotels and Place and substance
to one place to another place to perfect time .This system will
reduce the manual operation required to maintain all the records.
And also generates the various reports for analysis.

BCA 3th Sem 2 Hemant Kumar ( B40521034)


CHAPTER -2
Hardware and Software Requirement
Software Requirements:

 Microsoft Windows 7/8/10 or Linux.


 XAMPP (MySQL, Apache, PHP).
 Notepad++ or any other text editor.
 Chrome or any other browser.
Hardware Requirements:

 Intel Processor 2.0 GHz or above.

 2 GB RAM or more.160 GB or more

Hard Disk Drive or above

BCA 3th Sem 3 Hemant Kumar ( B40521034)


CHAPTER -3
System Analysis
Purpose:
To manage the online Tourism Website . It helps to customer to book
Hotels and place according to no. of persons and meal plan from
anywhere.
This project also helps in administrative work such as keep information
of customers and bookings.

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 Online Tourism Website is available in the market that can
serve customers to book hotels and Find Best place for Visit to all
over the India and view our booking status online.

System Overview:

Admin Modules

 View Tourism Website Request

 Accept or Reject Booking Request

BCA 3th Sem 4 Hemant Kumar ( B40521034)


 Manage Users

 Manage Feedback

User (Customer) Modules

 Book Trucks

 View Booking

 Cancel Booking

BCA 3th Sem 5 Hemant Kumar ( B40521034)


CHAPTER -4

Implementation issue
PYTHON-

Python is a widely used general-purpose, high level programming language. It was


initially designed by Guido van Rossum in 1991 and developed by Python Software
Foundation. It was mainly developed for emphasis on code readability, and its syntax
allows programmers to express concepts in fewer lines of code.

Python is a programming language that lets you work quickly and integrate systems
more efficiently.

Python is dynamically typed and garbage-collected. It supports


multiple programming paradigms, including procedural, object-oriented,
and functional programming. Python is often described as a "batteries included"
language due to its comprehensive standard library.

HTML-

HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted
in a file intended for display on a World Wide Web browser page. The markup tells
the Web browser how to display a Web page's words and images for the user. Each
individual markup code is referred to as an element (but many people also refer to it
as a tag). Some elements come in pairs that indicate when some display effect is to
begin and when it is to end.

CASCADING STYLE SHEET (CSS)-

Cascading Style Sheets (CSS) are a collection of rules we use to define and modify
web pages. CSS are similar to styles in Word. CSS allow Web designers to have

BCA 3th Sem 6 Hemant Kumar ( B40521034)


much more control over their pages look and layout. For instance, you could create
a style that defines the body text to be Verdana, 10 point. Later on, you may easily
change the body text to Times New Roman, 12 point by just changing the rule in the
CSS. Instead of having to change the font on each page of your website, all you need
to do is redefine the style on the style sheet, and it will instantly change on all of the
pages that the style sheet has been applied to. With HTML styles, the font change
would be applied to each instance of that font and have to be changed in each spot.

CSS can control the placement of text and objects on your pages as well as the look
of those objects. HTML information creates the objects (or gives objects meaning),
but styles describe how the objects should appear. The HTML gives your page
structure, while the CSS creates the “presentation”. An external CSS is really just a
text file with a .css extension. These files can be created with Dreamweaver, a CSS
editor, or even Notepad. The best practice is to design your web page on paper first
so you know where you will want to use styles on your page. Then you can create
the styles and apply them to your page.

JAVA SCRIPT-

JavaScript is a programming language commonly used in web development. It was


originally developed by Netscape as a means to add dynamic and interactive
elements to websites. While JavaScript is influenced by-Java, the syntax is more
similar to C and is based on ECMAScript, a scripting language developed by Sun
Micro systems.

JavaScript is a client-side scripting language, which means the source code is


processed by the client's web browser rather than on the web server. This means
JavaScript functions can run after a web-page has loaded without
COMMUNICATING with the server. For example, a JavaScript function may check a
web form before it is submitted to make sure all the required fields have been filled
out. The JavaScript code can produce an error message before any information is
actually transmitted to the server.
Like server-side scripting languages, such as PHP and ASP, JavaScript code can be
inserted anywhere within the HTML of a web-page. However, only the output of

BCA 3th Sem 7 Hemant Kumar ( B40521034)


server-side code is displayed in the HTML, while JavaScript code remains fully visible
in the source of the webpage. It can also be referenced in a separate .JS file, which
may also be viewed in a browser.

BCA 3th Sem 8 Hemant Kumar ( B40521034)


CHAPTER -5

System Design

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.

BCA 3th Sem 9 Hemant Kumar ( B40521034)


Case Diagram Between ADMIN AND SYSTEM:

BCA 3th Sem 10 Hemant Kumar ( B40521034)


Data Flow Diagram

A Data Flow Diagram (DFD) is a graphical representation of the "flow" of data through an
Information System. A data flow diagram can also be used for the visualization of Data
Processing. It is common practice for a designer to draw a context-level DFD first which
shows the interaction between the system and outside entities. This context-level DFD is
then "exploded" to show more detail of the system being modeled.

A DFD represents flow of data through a system. Data flow diagrams are commonly used
during problem analysis. It views a system as a function that transforms the input into
desired output. A DFD shows movement of data through the different transformations or
processes in the system.

Dataflow diagrams can be used to provide the end user with a physical idea of where the
data they input ultimately has an effect upon the structure of the whole system from order
to dispatch to restock how any system is developed can be determined through a dataflow
diagram. The appropriate register saved in database and maintained by appropriate
authorities.

Data Flow Diagram Notation

Function

File/Database

Input/output

Flow

BCA 3th Sem 11 Hemant Kumar ( B40521034)


Chapter 6
Coding
Home (Index.main)
<html>
<head>
<title>Travel Sri Lanka</title>
<link rel="icon" type="image/x-icon" href="Assets/Favicon.png">
<link rel="stylesheet" href="CSS/boostrap/bootstrap.min.css">
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bund
le.min.js"
integrity="sha384-
ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nb
Tov4+1p"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="CSS/Main.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></
script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-
countto/1.2.0/jquery.countTo.min.js"></script>
</head>

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

<div class="header">
<div class="wrap">

BCA 3th Sem 12 Hemant Kumar ( B40521034)


<div class="logo">

<a href="index.html">
<b>Travel<Br>&ensp;<font style="color:aqua">Sri
Lanka</font></b>
</a>

</div>
<div class="top-nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="places.html">Where To Go</a></li>
<li><a href="hotels.html">Hotels</a></li>
<li><a href="Events.html">Cultural Festivals</a></li>
<li><a href="news.html">Tousrism News</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>

<div class="clear"></div>
</div>
</div>
<div class="row">
<div id="carouselExampleDark" class="carousel carousel-dark
slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleDark"
data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleDark"
data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleDark"
data-bs-slide-to="2"

BCA 3th Sem 13 Hemant Kumar ( B40521034)


aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<div class="carousel-caption d-none d-md-block" style="top:
50%;">
<h1 style="font-family: Lobster; font-size:
100px">Discover A Different Island</h1>
</div>
<img src="Assets/slide/1.jpg" class="d-block w-100"
alt="...">

</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="Assets/slide/2.png" class="d-blockd w-100"
alt="..." style="top: 50%;">
<div class="carousel-caption d-none d-md-block">
<h1 style="font-family: Lobster; font-size:
100px"">Discover A Different Island</h1>
</div>
</div>
<div class="carousel-item">
<img src="Assets/slide/3.jpg" class="d-block w-100" alt="..."
style="top: 50%;">
<div class="carousel-caption d-none d-md-block">
<h1 style="font-family: Lobster; font-size:
100px"">Discover A Different Island</h1>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-
target="#carouselExampleDark"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-
hidden="true"></span>

BCA 3th Sem 14 Hemant Kumar ( B40521034)


<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-
target="#carouselExampleDark"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-
hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>

<br><br>
<div class="row">
<div class="col" style="background-color: white;color: #555;font-
family: Arial, Helvetica, sans-serif;">
<div class="wrap">
<h1>Ayubowan !<Br>Welcome to Sri Lanka</h1>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-6">
<video width="500" height="320" autoplay muted loop>
<source src="Assets/Travel%20bg%20vid.mp4"
type="video/mp4">
</video>
</div>
<div class="col-6" style="text-align: center; padding: 30px;">
<p>Ayubowan and Welcome back to the paradise island of Sri
Lanka. As we open our doors to the world once
again ;

BCA 3th Sem 15 Hemant Kumar ( B40521034)


we've pulled out all the stops, ensuring that every
precautionary measure has been set in place to
make
your
island getaway as safe, secure and serene as possible. In
your preparation to explore the wild and
wonderful, we'd like to bring your attention to the 'things you
need to know ' for your safety as
you
make
your way to an amazing time that is So Sri Lanka!</p>
<span>We are so looking forward to welcome you!</span>
</div>
</div>
</div>

<br><br>

<div class="row">
<div class="col-12" style="height:200px; background-image:
url('Assets/visitarea.jpg');">
<h1 style="color: #555">Places to Visit in Sri lanka</h1>
</div>
</div>
<br>
<div class="container-fluid">
<div class="row">
<div class="col-4">
<img
src="Assets/card2.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Boat on Calm Water"

BCA 3th Sem 16 Hemant Kumar ( B40521034)


height="200px"
/>

<img
src="Assets/card3.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Wintry Mountain Landscape"
height="400px"
/>
<img
src="Assets/card4.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Wintry Mountain Landscape"
height="200px"
/>
</div>

<div class="col-4">
<img
src="Assets/card1.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Mountains in the Clouds"
height="600px"
/>

<img
src="Assets/card7.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Boat on Calm Water"
height="300px"
/>
</div>

BCA 3th Sem 17 Hemant Kumar ( B40521034)


<div class="col-4">
<img
src="Assets/card5.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Waves at Sea"
height="400px"
/>

<img
src="Assets/card6.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt="Yosemite National Park"
height="400px"
/>
</div>
<div class="col-12" style="text-align: center">
<button class="btn btn-secondary"
onclick="location.href='places.html'">more</button>
</div>
</div>
</div>
<br><br>

<div class="counter">
<div class="container">
<div class="row">
<div class="col-4">
<div class="tourists">
<p class="counter-count">20000</p>

BCA 3th Sem 18 Hemant Kumar ( B40521034)


<p class="tourists-p">Tourists Per Year</p>
</div>
</div>

<div class="col-4">
<div class="places">
<p class="counter-count">100</p>
<p class="places-p">Places To Visit</p>
</div>
</div>

<div class="col-4">
<div class="events">
<p class="counter-count">20</p>
<p class="events-p">Cultural Events</p>
</div>
</div>
</div>
</div>
</div>

<br><br>
<div class="row">
<div class="col-12" style="height:180px; background-image:
url('Assets/culture.jpg');">
<h1 style="color: black; background-color: navajowhite">Events
in Sri lanka</h1>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem;">

BCA 3th Sem 19 Hemant Kumar ( B40521034)


<img src="Assets/esala_perahara.jpg" class="card-img-top"
alt="..." style="height: 200px">
<div class="card-body">
<h7>Esala Perahra Festival</h7>
<p class="card-text"></p>
</div>
</div>
</div>
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem;height: auto">
<img src="Assets/fest1.jpg" class="card-img-top" alt="..."
style="height: 200px">
<div class="card-body">
<p class="card-text">Poson</p>
</div>
</div>
</div>
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem;height: auto">
<img src="Assets/fest2.jpg" class="card-img-top" alt="..."
style="height: 200px">
<div class="card-body">
<p class="card-text">Vesak</p>
</div>
</div>
</div>
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem;height: auto">
<img src="Assets/fest3.jpg" class="card-img-top" alt="..."
style="height: 200px">
<div class="card-body">
<p class="card-text">Sinhala & Tamil New Year</p>
</div>

BCA 3th Sem 20 Hemant Kumar ( B40521034)


</div>
</div>
</div>
<br>
<div class="row">
<div class="col-12" style="text-align: center">
<button class="btn btn-secondary"
onclick="location.href='Events.html'">more</button>
</div>
</div>
</div>

<br><br>
<div class="row">
<div class="col-12" style="height:180px; background-image:
url('Assets/news.jpg');">
<h1 style="color: black; background-color: #B8B8B8">Current
News in Sri lanka</h1>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem; height: 100%">
<img src="Assets/news/1-1.jpg" class="card-img-top"
alt="..." style="height: 80%">
<div class="card-body">
<p class="card-text">The Joint Press Release by Sri
Lanka Embassy in Germany, German Travel
Association- DRV and Sri Lanka Tourism Promotion</p>
</div>
</div>
</div>
<div class="col-3" style="text-align: center">

BCA 3th Sem 21 Hemant Kumar ( B40521034)


<div class="card" style="width: 18rem;height: 100%">
<img src="Assets/news/2-1.jpg" class="card-img-top"
alt="..." style="height: 80%">
<div class="card-body">
<p class="card-text">TVN Discovery/National Geographic
Traveler FAM Tour</p>
</div>
</div>
</div>
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem; height: 100%">
<img src="Assets/news/3-2.jpg" class="card-img-top"
alt="..." style="height: 80%">
<div class="card-body">
<p class="card-text">Sri Lanka Pavilion at Expo 2020
Dubai Welcomes Queens Baton Relay</p>
</div>
</div>
</div>
<div class="col-3" style="text-align: center">
<div class="card" style="width: 18rem;height: 100%">
<img src="Assets/news/4-1.jpg" class="card-img-top"
alt="..." style="height: 80%">
<div class="card-body">
<p class="card-text">Sheikh Mohammed bin Rashid of the
UAE and H.E. President Gotabaya Rajapaksa
Visit Sri Lanka Pavilion at Expo 2020 Duba</p>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-12" style="text-align: center">

BCA 3th Sem 22 Hemant Kumar ( B40521034)


<button class="btn btn-secondary"
onclick="location.href='news.html'">more</button>
</div>
</div>
</div>
<br><br>
<footer class="site-footer" style="background-color: #343a40;
padding-top: 0px; padding-bottom: 0px;">
<br>
<div class="row">
<div class="col-2" style="text-align: right">
<img src="Assets/Favicon.png" style="height: auto; width:
40%">
</div>
<div class="col-6" style="text-align: left">
<h3 style="font-family: Lobster; font-size: 60px; color:
#00B895;">Travel Sri Lanka</h3>
</div>
<div class="col-4">
<div class="row">
<div class="col-4" style="text-align: left">
<ul class="footer-links">
<li><a href="index.html" id="footerlink">Home</a></li>
<li><a href="places.html" id="footerlink">Where To
Go</a></li>
<li><a href="hotels.html" id="footerlink">Hotels</a></li>
</ul>
</div>

<div class="col-4" style="text-align: left">


<ul class="footer-links">
<li><a href="Events.html" id="footerlink">Cultural
Festivals</a></li>

BCA 3th Sem 23 Hemant Kumar ( B40521034)


<li><a href="news.html" id="footerlink">Tousrism
News</a></li>
<li><a href="about.html" id="footerlink">About
Us</a></li>
</ul>

Places,Hotels(main.index)
<html>
<head>
<title>Where To Go - Travel Sri Lanka</title>
<link rel="icon" type="image/x-icon" href="Assets/Favicon.png">
<link rel="stylesheet" href="CSS/boostrap/bootstrap.min.css">
<link rel="stylesheet" href="CSS/Main.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="widthdevice-width, initial-scale=1,0">
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.
js"
integrity="sha384-
ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<style>
div.gallery {
border: 1px solid #ccc;
}

div.gallery:hover {
border: 1px solid #777;
}

div.gallery img {
width: 100%;

BCA 3th Sem 24 Hemant Kumar ( B40521034)


height: auto;
}

div.desc {
padding: 15px;
text-align: center;
}

*{
box-sizing: border-box;
}

.responsive {
padding: 0 6px;
float: left;
width: 24.99999%;
}

@media only screen and (max-width: 700px) {


.responsive {
width: 49.99999%;
margin: 6px 0;
}
}

@media only screen and (max-width: 500px) {


.responsive {
width: 100%;
}
}

BCA 3th Sem 25 Hemant Kumar ( B40521034)


.clearfix:after {
content: "";
display: table;
clear: both;
}

img {
width: 100%;
height: 100%;
}

#more {
display: none;
}
</style>
</head>

<body onload="loading()">

<div class="container-fluid">
<div class="header">
<div class="wrap">
<div class="logo">
<a href="index.html">
<b>Travel<Br>&ensp;<font style="color:aqua">Sri Lanka</font></b>
</a>
</div>
<div class="top-nav">
<ul>

BCA 3th Sem 26 Hemant Kumar ( B40521034)


<li><a href="index.html">Home</a></li>
<li class="active"><a href="places.html">Where To Go</a></li>
<li><a href="hotels.html">Hotels</a></li>
<li><a href="Events.html">Cultural Festivals</a></li>
<li><a href="news.html">Tousrism News</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>

<div class="clear"></div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Adams Peak</h5>
</div>
<div class="card-body">
<img src="./Assets/adams-peak.jpg" alt="Adams Peak"
style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(1)" class="btn btn-
primary" id="viewmore">View More
</button>
</div>
</div>

BCA 3th Sem 27 Hemant Kumar ( B40521034)


</div>
<div class="col-6">
<div class="card text-center">
<div class="card-header">
</button>
</div>
</div>
</div>
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Rawana Ella and Rawana Falls</h5>
</div>
<div class="card-body">
<img src="./Assets/Rawana%20flls.jpg" alt="Rawana Ella and Rawana
Falls"
style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(6)" class="btn btn-
primary" id="viewmore">View More
</button>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-3">

</div>

BCA 3th Sem 28 Hemant Kumar ( B40521034)


<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Ridee Viharaya</h5>
</div>
<div class="card-body">
<img src="./Assets/Ridee%20viharaya.jpg" alt="Adams Peak"
style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(7)" class="btn btn-
primary" id="viewmore">View More
</button>
</div>
</div>
</div>
<div class="col-3">

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

</div>

</body>

<div class="modal" tabindex="-1" id="1">


<div class="modal-dialog modal-xl">
<div class="modal-content">

BCA 3th Sem 29 Hemant Kumar ( B40521034)


<div class="modal-header">
<h5 class="modal-title">Adams Peek</h5>
<!-- <button type="button" class="btn-close" data-bs-
dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p>The mountain is located in the southern reaches of the Central
Highlands, in the Ratnapura District
and Nuwara Eliya district of the Sabaragamuwa Province and Central
Province —lying about 40 km
northeast of the city of Ratnapura and 32 km southwest of the city of
Hatton. The surrounding region
is largely forested hills, with no mountain of comparable size nearby.
The region along the mountain
is a wildlife reserve, housing many species and endemic species. Most
local people believe dwarf
elephants (kuru ali) live in this samanala forest. <br><br>
Adam's Peak is important as a watershed. The districts to the south and
the east of Adam's Peak
yield precious stones—emeralds, rubies and sapphires, for which the
island has been famous, and
which earned for its ancient name of Ratnadvipa.<br><br>
The peak pilgrimage season is in April, and the goal is to be on top of
the mountain at sunrise,
when the distinctive shape of the mountain casts a triangular shadow
on the surrounding plain and
can be seen to move quickly downward as the sun rises.<br><br>
Climbing at night can be a remarkable experience, with the lights of the
path leading up and into
the stars overhead. There are rest stops along the way.<br><br>
The mountain is most often scaled from December to May. During other
months it is hard to climb the
mountain due to very heavy rain, extreme wind, and thick
mist.<br><br>
For Buddhists, the footprint mark is the left foot of the Buddha, left
behind when Buddha visited

BCA 3th Sem 30 Hemant Kumar ( B40521034)


Sri Lanka, as a symbol for worship at the invitation of Buddhist God
Saman.<br><br>
Access to the mountain is possible by 6 trails: Ratnapura-Palabaddala,
Hatton-Nallathanni,
Kuruwita-Erathna, Murraywatte, Mookuwatte & Malimboda. The
Nallathanni & Palabaddala routes are most
favored by those undertaking the climb, while the Kuruwita-Erathna
trail is used less often; these
trails are linked to major cities or town by bus, accounting for their
popular use.<br><br>
The Murraywatte, Mookuwatte & Malimboda routes are hardly used,
but do intersect with the
Palabaddala road midway through the ascent.<br><br>
The usual route taken by most pilgrims is ascent via Hatton and descent
via Ratnapura; although the
Hatton trail is the steepest, it is also shorter than any of the other trails
by approximately five
kilometers.<br><br>
Sri pada season begin in December and it is end in May. The January to
March period is particularly
busy time to climb.<br><br>
Most people starting this journey Dalhousie call nallathanni. nallathanni
is 3 hours from
hatton.<br><br>
<li>Buses- In peak season might be two direct buses from kandy.
Otherwise exists local bus from
Hatton. You might be required to change bus in Maskeliya (after around
1.5 hours).
</li>
<li>Train- The nearest train station is Hatton. Then switch to bus, taxi,
tuktuk.</li>
<li>Taxi- Depending on your negotiation skills, a taxi (7 seats) around
LKR2000-3000.</li>
<li>TukTuk- Depending on your negotiation skills. Around LKR600.
</p>
</div>

BCA 3th Sem 31 Hemant Kumar ( B40521034)


<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-
dismiss="modal">Close</button>
village is a unique type of forest in Sri Lanka. The Bundala National Park
has been identified as an
outstanding Important Bird Area in the South Indian and Sri Lankan
wetlands. 324 species of
vertebrates have been recorded in the national park, which include 32
species of fish, 15 species of
amphibians, 48 species of reptiles, 197 species of birds and 32 species of
mammals. 52 species of
butterflies are among the invertebrates. The wetland habitats in
Bundala harbors about 100 species
of water birds, half of them being migrant birds. Of 197 avifaunal
species 58 are migratory species.
A few Asian elephants still inhabit the forests of Bundala. Other
mammals seen in the park are toque
macaque, common langur, jackal, leopard, fishing cat, rusty-spotted cat,
mongoose, wild boar, mouse
deer, Indian muntjac, spotted deer, sambar, black-napped hare, Indian
pangolin, and porcupine.

</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-
dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="3">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">

BCA 3th Sem 32 Hemant Kumar ( B40521034)


<h5 class="modal-title">Dambulla CaveTemple</h5>
<!-- <button type="button" class="btn-close" data-bs-
dismiss="modal" aria-label="Close"></button>-->
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Diyaluma Falls</h5>
<!-- <button type="button" class="btn-close" data-bs-
dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p> On one side of cascades, the earth is covered with deciduous plants.
Wild animals found in the area
include lizards.
In Sinhalese, Diyaluma or Diya Haluma means "rapid flow of water" or
may be translated as "liquid
light". According to Sri Lankan historian, Dr. R. L. Brohier, Diyaluma is
the setting of the
folklore about a tragedy involving a young chieftain who had been
banished to the highlands and the
attempt by his betrothed to join.
As all the passes were guarded the young man let down a rope of
twisted creepers over the
escarpment, as she was hauled up she was dashed against the rocks and
died. The Gods, moved to pity
by the harrowing spectacle, caused a stream of water to gush from the
mountain and veil all evidence
of the tragedy in a watery light, hence the term Diyaluma.
At 171 m, Diyaluma Ella Falls is the third largest waterfall in Sri Lanka.
The torrent of water
cascades to the plateau of Koslanda and during the rain, it is a
spectacular view.
Cascades is located along the Koslanda-Wellawaya road in the district of
Badulla. Koslanda is the
closest town in the fall, 6 km, and Wellawaya is 13 km.

BCA 3th Sem 33 Hemant Kumar ( B40521034)


</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-
dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="6">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Rawana Ella and Rawana Falls</h5>
<!-- <button type="button" class="btn-close" data-bs-
dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p> Ravana Ella and Ravana water fall both are located in the same place
but, Ravana falls can’t be seen
from the Main road because Ravana Falls is situated above the Ravana
Ella. There has cave called
Ravana ella cave and it is Located near to this Ravana Falls.
This Name “Ravana Ella” received from, after the great king Ravana.
According to the legend after
the kidnapping sitha, ravana king brought her to this place and hid her
at the cave behind the
waterfall. Ravana Ella also known as “Bambaragama Ella”
This Ravana Ella waterfall 40m in height and it flows to “Ho Oya”.
This Ravana Ella and Ravana Falls surround with greenish environment.
This gorgeous waterfall flows
face to the main road, ella – wellawaya.

BCA 3th Sem 34 Hemant Kumar ( B40521034)


Ravana Ella located 11km away from Bandarawela. It is about 215 km
from Colombo, balangoda and
bandarawela route. Best time to visit this falls last few days of rainy
season or just after.

<li><a href="hotels.html" id="footerlink">Hotels</a></li>


</ul>
</div>

<div class="col-4" style="text-align: left">


<ul class="footer-links">
<li><a href="Events.html" id="footerlink">Cultural Festivals</a></li>
<li><a href="news.html" id="footerlink">Tousrism News</a></li>
<li><a href="about.html" id="footerlink">About Us</a></li>
</ul>
</div>
</div>
<br>
<div class="row" style="text-align: right;">
<img src="Assets/social/facebook.png" id="footericon">
<img src="Assets/social/whatsapp.png" id="footericon">
<img src="Assets/social/instagram.png" id="footericon">
<img src="Assets/social/twitter.png" id="footericon">
<img src="Assets/social/youtube.png" id="footericon">

</div>
</div>

</div>
<hr style="color: white">

BCA 3th Sem 35 Hemant Kumar ( B40521034)


<div class="row">
<div class="col-12" style="text-align: center">
<p class="copyright-text" id="footerlink">Copyright &copy; 2022 All Rights
Reserved by
<a href="index.html" id="footerlink">Travel Sri Lanka</a>.
</p>
</div>
</div>
</footer>
</body>
<script>
var adamspeek = new bootstrap.Modal(document.getElementById('1'), 'focus');
var bundala = new bootstrap.Modal(document.getElementById('2'), 'focus');
var dambulla = new bootstrap.Modal(document.getElementById('3'), 'focus');
var delft = new bootstrap.Modal(document.getElementById('4'), 'focus');
var diyaluma = new bootstrap.Modal(document.getElementById('5'), 'focus');
var rawana = new bootstrap.Modal(document.getElementById('6'), 'focus');
var ridee = new bootstrap.Modal(document.getElementById('7'), 'focus');

function loading() {
adamspeek.hide();
bundala.hide();
dambulla.hide();
delft.hide();
diyaluma.hide();
rawana.hide();
ridee.hide();
}

function view_modal(id) {
if (id == 1) {

BCA 3th Sem 36 Hemant Kumar ( B40521034)


adamspeek.show();
}
if (id == 2) {
bundala.show();
}
if (id == 3) {
dambulla.show();
}
if (id == 4) {
delft.show();
}
if (id == 5) {
diyaluma.show();
}
if (id == 6) {
rawana.show();
}
if (id == 7) {
ridee.show();
}

}
</script>
</html>

BCA 3th Sem 37 Hemant Kumar ( B40521034)


Information And About Us(main.index)
<html>

<head>

<title>About Us - Travel Sri Lanka</title>

<link rel="icon" type="image/x-icon" href="Assets/Favicon.png">

<link rel="stylesheet" href="CSS/boostrap/bootstrap.min.css">

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

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="widthdevice-width, initial-


scale=1,0">

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bund
le.min.js"

integrity="sha384-
ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nb
Tov4+1p"

crossorigin="anonymous"></script>

</head>

<body>

<div class="container-fluid">

<div class="header">

<div class="wrap">

<div class="logo">

<a href="index.html">

BCA 3th Sem 38 Hemant Kumar ( B40521034)


<b>Travel<Br>&ensp;<font style="color:aqua">Sri
Lanka</font></b>

</a>

</div>

<div class="top-nav">

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="places.html">Where To Go</a></li>

<li><a href="hotels.html">Hotels</a></li>

<li><a href="Events.html">Cultural Festivals</a></li>

<li><a href="news.html">Tousrism News</a></li>

<li class="active"><a href="about.html">About Us</a></li>

</ul>

</div>

<div class="clear"></div>

</div>

</div>

<br>

<div class="container"

style="height:100%; background-image: url('Assets/Favicon.png');


background-repeat: no-repeat; background-position: right bottom">

<div class="para">

<h1>About Us</h1>

<!-- <div class="parallax"></div>-->

BCA 3th Sem 39 Hemant Kumar ( B40521034)


<div class="row" id="about">

<b>Travel Sri Lanka</b> is Sri Lankan Tourism Website. The


main purpose of the website is to improve

tourism

Industry in Sri Lanka. In the same manner anyone with access


to the website can update the latest news

in

tourism industry in Sri Lanka.

<br> <br>

Content posted on <b>Travel Sri Lanka</b> is carefully curated


and sourced from the Internet, including

other tourism industry news websites and even local news are
also being posted.

</div>

<br>

<!-- <div class="parallax"></div>-->

</div>

</div>

</div>

<br> <br>

<br><br>

<footer class="site-footer" style="background-color: #343a40; padding-


top: 0px; padding-bottom: 0px;">

<br>

<div class="row">

<div class="col-2" style="text-align: right">

BCA 3th Sem 40 Hemant Kumar ( B40521034)


<img src="Assets/Favicon.png" style="height: auto; width:
40%">

</div>

<div class="col-6" style="text-align: left">

<h3 style="font-family: Lobster; font-size: 60px; color:


#00B895;">Travel Sri Lanka</h3>

</div>

<div class="col-4">

<div class="row">

<div class="col-4" style="text-align: left">

<ul class="footer-links">

<li><a href="index.html" id="footerlink">Home</a></li>

<li><a href="places.html" id="footerlink">Where To


Go</a></li>

<li><a href="hotels.html" id="footerlink">Hotels</a></li>

</ul>

</div>

<div class="col-4" style="text-align: left">

<ul class="footer-links">

<li><a href="Events.html" id="footerlink">Cultural


Festivals</a></li>

<li><a href="news.html" id="footerlink">Tousrism


News</a></li>

<li><a href="about.html" id="footerlink">About


Us</a></li>

</ul>

BCA 3th Sem 41 Hemant Kumar ( B40521034)


</div>

</div>

<br>

<div class="row" style="text-align: right;">

<img src="Assets/social/facebook.png" id="footericon">

<img src="Assets/social/whatsapp.png" id="footericon">

<img src="Assets/social/instagram.png" id="footericon">

<img src="Assets/social/twitter.png" id="footericon">

<img src="Assets/social/youtube.png" id="footericon">

</div>

</div>

</div>

<hr style="color: white">

<div class="row">

<div class="col-12" style="text-align: center">

<p class="copyright-text" id="footerlink">Copyright &copy; 2022


All Rights Reserved by

<a href="index.html" id="footerlink">Travel Sri Lanka</a>.

</p>

</div>

</div>

</footer>

</body>

</html>

BCA 3th Sem 42 Hemant Kumar ( B40521034)


CHAPTER -7
Output screens

Home Screen

BCA 3th Sem 43 Hemant Kumar ( B40521034)


Information( Places and Hotels)
Places

BCA 3th Sem 44 Hemant Kumar ( B40521034)


Hotels

BCA 3th Sem 45 Hemant Kumar ( B40521034)


Cultural Festivals

BCA 3th Sem 46 Hemant Kumar ( B40521034)


Contacts(About Us)

BCA 3th Sem 47 Hemant Kumar ( B40521034)


CHAPTER -8
Advantages & Limitations
Advantages of “ Online Tourism Website ” :

“Online Tourism Website System” 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:

 Intelligent User Forms Design

 Data access and manipulation through same forms

 Access to most required information

 Data Security

 Restrictive data access, as per login assigned only.

 Organized and structured storage of facts.

 Strategic Planning made easy.

 No decay of old Records.

 Exact financial position of the Business.

Limitations of “Online Tourism Website System”:

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. Since it is an online project, customers need internet connection.
4. People who are not familiar with computers can’t use this software.

BCA 3th Sem 48 Hemant Kumar ( B40521034)


CHAPTER -9
Future Scope
FUTURE SCOPE

This web application involves almost all the features of the online book Best Visiting Place .
The future implementation will be online help for the customers to Books with website
administrator.

CONCLUSION

The project entitled “Online Tourism Website ” is developed using HTML, CSS and Javascript
as front end and Python language and Sqlite database in back end to computerize the
process of online Tourism Website. This project covers only the basic features required.

Bibliography
We made this program self and with Help of Teacher

BCA 3th Sem 49 Hemant Kumar ( B40521034)

You might also like