You are on page 1of 31

Modern Indian School

Chobhar, Kathmandu

Report on
“Nepal National Park Website Development"

For partial fulfillment of the requirements for the


CBSE-AISSCE

Submitted by - Submitted To-


Name: Ashwini Kumar Mr. Awaneendra Labh
Class:- X “C” PGT, Computer Science
Roll No. : 10410
ACKNOWLEDGEMENT

I have taken efforts in this project. However, it would not have been possible without the kind
support and help of many individuals and my school. I would like to extend my sincere thanks to
every person who has contributed in making this project.

I would like to express my deep and sincere gratitude to our Principal COL. (Retd.)Raju Peter,
Academic coordinator MS. Bibha Lal, Project In charge Mr. Awaneendra Labh for giving me the
golden opportunity to do the report project on “NEPAL NATIONAL PARK WEBSITE
DEVELOPMENT” which helped me in doing a lot of research and I came to know about many
new things and also I am very thankful for providing me invaluable guidance throughout my
project. They have taught me the methodology to carry out the project and to present the project
work as clearly as possible. Their dynamism, vision, sincerity and motivation have deeply
inspired me. Also I would like to thank the C.B.S.E Board for including this project work in our
course content and curriculum. It was a great privilege and honour to work and study under his
guidance.

I am extremely grateful to my parents for their kind cooperation and encouragement which
helped me in completion of this project. I am very thankful to my sister, brothers who helped me
a lot in finalizing the project within the limited time frame and also for their support. My special
thanks also goes to my friend and seniors for the keen interest shown to complete this thesis
successfully and motivating me.

Regards,
Ujjawal Anand
CONTENT
1. Introduction …………………………………………………………….1

2. Source Code …………………………………………………………... 2– 12

a. Homepage ………………………………………………... 13

b. About Page……………………………………………….. 13

c. FAQ Page ……………………………………………… 14

d. Contact us page…………………………………………... 16

e. safari timing page .....................................................................

f. gallery...................................................................................

g. CSS..............................................................................

i. Future.html (for table management)

ii. vision.html (for gallery management)

6. Output ………………………………………………………………… 13

a. Homepage ………………………………………………... 13

b. About Page……………………………………………….. 13

c. FAQ Page ……………………………………………… 14

d. Contact us page…………………………………………... 16

e. safari timing page .....................................................................

f. gallery...................................................................................

7. Conclusion ……………………………………………………………. 18

8. Bibliography ………………………………………………………….. 19
Introduction
Development is closely related with technology. The stage of development
the human being has arrived could have been possible without the
advancement in technology. The radical change and advancement in the
economy, as we observe today, is the result of the modern technology.
Technology has brought about efficiency and quality in the manufacturing
sector.

Technological advancement has reduced the risk involved in


manufacturing enterprises. There has been tremendous improvement in
the field of health the world over not only the average age of people has
increased but the mortality rate has also declined considerably.

Developing Web contents involves shaping and making many choices


involving technical, aesthetic, and usability concerns. With the expanding
technical options for communication on the World Wide Web, it is
tempted to focus only on issues such as hypertext markup language
(HTML) syntax, page layout, or the latest and flashiest technologies.

In order to develop a broader perspective of Websites, developers can


draw on many existing concepts from technical communication and
software engineering practices. This report is will briefly describe the
importance of web design and how innovation can better improve
websites on the internet.

1
Source Code
A) Index.html (homepage)

<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Lobster&effect=shadow-multiple">
<style>
.w3-lobster {
font-family: "Lobster", Sans-serif;
}
</style>
</head>
<body>

<div class="w3-container w3-black w3-center w3-allerta">


<p class="w3-xxxlarge font-effect-shadow-multiple">NEPAL
NATIONAL PARK</p>
</div>
<table style="width:100%;" cellpadding="5" border-collapse="0">
<tr width="100%" bgcolor="#214202" class="clr">

<div class="navbar">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="Safari-Timimg.html">Safari Timimg</a>
<a href="gallery.html">Gallery</a>
<a href="faq.html">Faq</a>
<a href="contact.html">Contact</a>
</div>
</tr>
<tr><td width="100%" colspan="5"><img src="image/leopard.jpg"
width="100%" height="450"></td></tr>
<tr>
2
<td colspan="3" class="head"><h2>Nepal National Park</h2>
<p> Chitwan National Park is the first national park in Nepal. It was
established in 1973 and granted the status of a World Heritage Site in
1984. It covers an area of 952.63 km2 (367.81 sq mi) and is located in the
subtropical Inner Terai lowlands of south-central Nepal in the districts of
Nawalpur, Parsa, Chitwan and Makwanpur. In altitude it ranges from
about 100 m (330 ft) in the river valleys to 815 m (2,674 ft) in the Churia
Hills.
In the north and west of the protected area the Narayani-Rapti river system
forms a natural boundary to human settlements. </p>

5
<p>Adjacent to the east of Chitwan National Park is Parsa National Park,
contiguous in the south is the Indian Tiger Reserve Valmiki National Park.
The coherent protected area of 2,075 km2 (801 sq mi) represents the Tiger
Conservation Unit (TCU) Chitwan-Parsa-Valmiki, which covers a 3,549
km2 (1,370 sq mi) huge block of alluvial grasslands and subtropical moist
deciduous forests.</p>
<p>Chitwan National Park is home to 68 mammal species.The "king of
the jungle" is the Bengal tiger. The alluvial floodplain habitat of the Terai
is one of the best tiger habitats anywhere in the world. Since the
establishment of Chitwan National Park the initially small population of
about 25 individuals increased to 70–110 in 1980. In some years this
population has declined due to poaching and floods.</p>

<p><a href ="about.html">Read More</a></p></td>


<td colspan="2"><img src="image/Credit-Dharmendra-Khandal-Tiger-
Watch.jpg" class="img-responsive imag"></td>
</tr>

<tr>
<td width="100%" colspan="5"><h2 style="padding:0 50px; text-
align:left;">Gallery</h2><td>
</tr>
<tr>
<td><img src="image/giraff.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/dear.jpg" style="width:250px;
height:200px;"></td>

3
<td><img src="image/twelve-singh.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/rabit.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/tiger.jpg" style="width:250px;
height:200px;"></td>
</tr>

<tr>
<td><img src="image/beauty-of-nature.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/vulture.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/maxresdefault.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/animal-parenting-moment-pictures-creative-nature-
photography-idea-9.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/chamelian.jpg" style="width:250px;
height:200px;"></td>
</tr>

<tr width="100%" class="back" height="30">


<td colspan="5"> <p style="color:white;"> <center>© All Right Reserved
by Ujjawal Anand<center></p></td>

</table>
</body>
</html>

B) About.html

<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Lobster&effect=shadow-multiple">
4
<style>
.w3-lobster {
font-family: "Lobster", Sans-serif;
}
</style>
</head>
<body>
<div class="w3-container w3-black w3-center w3-allerta">
<p class="w3-xxxlarge font-effect-shadow-multiple">NEPAL
NATIONAL PARK</p>
</div>
<table style="width:100%;" cellpadding="5" border-collapse="0">
<tr width="100%" bgcolor="#214202" class="clr">

<div class="navbar">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="Safari-Timimg.html">Safari Timimg</a>
<a href="gallery.html">Gallery</a>
<a href="faq.html">Faq</a>
<a href="contact.html">Contact</a>
</div>
</tr>
<tr><td width="100%" colspan="6"><img src="image/nepalnational.jpg"
width="100%" height="450"></td></tr>
<tr>
<tr>
<td colspan="6" class="head"><h2>Nepal National Park</h2>
<p> Nepal National Park is the first national park in Nepal. It was
established in 1973 and granted the status of a World Heritage Site in
1984. It covers an area of 952.63 km2 (367.81 sq mi) and is located in the
subtropical Inner Terai lowlands of south-central Nepal in the districts of
Nawalpur, Parsa, Chitwan and Makwanpur. In altitude it ranges from
about 100 m (330 ft) in the river valleys to 815 m (2,674 ft) in the Churia
Hills.</p></br>

<p>Nepal National park,In the north and west of the protected area the
Narayani-Rapti river system forms a natural boundary to human
settlements. Adjacent to the east of Chitwan National Park is Parsa
National Park, contiguous in the south is the Indian Tiger Reserve Valmiki
National Park.
5
The coherent protected area of 2,075 km2 (801 sq mi) represents the Tiger
Conservation Unit (TCU)
7
Chitwan-Parsa-Valmiki, which covers a 3,549 km2 (1,370 sq mi) huge
block of alluvial grasslands and subtropical moist deciduous
forests.</p></br>
<p>Nepal is also counted as the famous heritage site because of the
pictorial ruins that dot the wildlife park. Certainly, a visit to Nepal
National Park is a treat for every wildlife and nature lover. The time spend
on watching tigers roaming around, verdant greenery, a gamut of other
species of chirpy birds and animals is priceless and worth enough to be
explored at least once in a life.</p>

</tr>

<tr width="100%" class="back" height="30">


<td colspan=""> <p style="color:white;"> <center>© All Right
Reserved by Ujjawal Anand<center></p></td>

</table>
</body>
</html>

C) FAQ Page

<!DOCTYPE html>
<html>
<head>
<title>Faq</title>
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Lobster&effect=shadow-multiple">
<style>
.w3-lobster {
font-family: "Lobster", Sans-serif;
}
6
</style>
</head>
<body>
<div class="w3-container w3-black w3-center w3-allerta">
<p class="w3-xxxlarge font-effect-shadow-multiple">NEPAL
NATIONAL PARK</p>
</div>
<table style="width:100%;" cellpadding="5" border-collapse="0">
<tr width="100%" bgcolor="#214202" class="clr">
<div class="navbar">
<a href="index.html">Home</a>

<a href="about.html">About</a>
<a href="Safari-Timimg.html">Safari Timimg</a>
<a href="gallery.html">Gallery</a>
<a href="faq.html">Faq</a>
<a href="contact.html">Contact</a>
</div>
</tr>
</tr>

<tr>
<td colspan="6" class="head"><h2>Que.1. What are some reviews of
Nepal National Park?</h2>
<p>Ans. Although Nepal became a national park in 1980, it was only in
1991 that the tiger reserve was enlarged to include the Sawai Man Singh
and Keladevi sanctuaries..</p>
<h2>Que.2. How do I do the Nepal Safari?</h2>
<p>The amount of Rs 133 That you have Paid for the safari is just the
Tourist Entry Fees that you have paid, After reaching there you have to
pay Vehicle entry fee ( around 150 rs), then TRDF (around 20 rs), Vehicle
Rent(around 450–500 rs) and Guide Fees(around 150 rs) total it costs
around 775–800, and when you reach the window it is not sure that you
get the seat or not because there is a lot of rush and it takes time.</p>
<h2>Que.3. Which is the best place to stay (inside jungle) in Nepal?</h2>
<p>Ans. You literally can't stay in jungle for a night. But the closest you
can go is Castle Jhoomar Baori by RTDC. It is the only property that is
covered with trees and hills from all sides. Otherwise most of the other
resorts are located on Nepal Road itself, away from the forest.</p>

7
<h2>Que.4. What are some reviews of Nepal National Park?</h2>
<p>Ans. Although Nepal became a national park in 1980, it was only in
1991 that the tiger reserve was enlarged to include the Sawai Man Singh
and Keladevi sanctuaries..</p>
<h2>Que.5. How do I do the Nepal Safari?</h2>
<p>The amount of Rs 133 That you have Paid for the safari is just the
Tourist Entry Fees that you have paid, After reaching there you have to
pay Vehicle entry fee ( around 150 rs), then TRDF (around 20 rs), Vehicle
Rent(around 450–500 rs) and Guide Fees(around 150 rs) total it costs
around 775–800, and when you reach the window it is not sure that you
get the seat or not because there is a lot of rush and it takes time.</p>
<h2>Que.6. Which is the best place to stay (inside jungle) in Nepal?</h2>
<p>Ans. You literally can't stay in jungle for a night. But the closest you
can go is Castle Jhoomar Baori by RTDC. It is the only property that is
covered with trees and hills from all sides. Otherwise most of the other
resorts are located on Nepal Road itself, away from the forest.</p>

<tr width="100%" class="back" height="30">


<td colspan=""> <p style="color:white;"> <center>© All Right
Reserved by Ujjawal Anand<center></p></td>
</table>
</body>
</html>

D) Contact .html

<!DOCTYPE html>
<html>
<head>
<title>Contact</title>
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Lobster&effect=shadow-multiple">
<style>
.w3-lobster {
font-family: "Lobster", Sans-serif;
}
8
</style>
</head>
<body>

<div class="w3-container w3-black w3-center w3-allerta">


<p class="w3-xxxlarge font-effect-shadow-multiple">NEPAL
NATIONAL PARK</p>
</div>
<table style="width:100%;" cellpadding="5" border-collapse="0">
<tr width="100%" bgcolor="#214202" class="clr">

<div class="navbar">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="Safari-Timimg.html">Safari Timimg</a>
<a href="gallery.html">Gallery</a>
<a href="faq.html">Faq</a>
<a href="contact.html">Contact</a>
</div>
</tr>

<tr>
<td colspan="6" class="head2"><h2>Contact Us</h2>
<label>Your Name</label>
<input type="text" class="btn"><br>
<label>Your Email</label>&nbsp
<input type="text" class="btn"><br>
<label>Your Phone</label>
<input type="text" class="btn"><br>
<label>Subject</label>&nbsp &nbsp &nbsp &nbsp
<input type="text" class="btn"><br>
<label>Message</label>&nbsp &nbsp &nbsp
<textarea rows="10" style="width:700px;"></textarea><br>
<input type="submit" value="Send Now" class="btn2">

<tr width="100%" class="back" height="30">


<td colspan=""> <p style="color:white;"> <center>© All Right
Reserved by Ujjawal Anand<center></p></td>
</table>
</body>
</html>
9
E) SafarTiming.html

<!DOCTYPE html>
<html>
<head>
<title>Safari Timimg</title>

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


<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Lobster&effect=shadow-multiple">
<style>
.w3-lobster {
font-family: "Lobster", Sans-serif;
}

</style>
</head>
<body>

<div class="w3-container w3-black w3-center w3-allerta">


<p class="w3-xxxlarge font-effect-shadow-multiple">NEPAL
NATIONAL PARK</p>
</div>
<table style="width:100%;" cellpadding="5" border-collapse="0">
<tr width="100%" bgcolor="#214202" class="clr">

<div class="navbar">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="Safari-Timimg.html">Safari Timimg</a>
<a href="gallery.html">Gallery</a>
<a href="faq.html">Faq</a>
<a href="contact.html">Contact</a>
</div>
</tr>
<tr>
10
<td colspan="6" class="head2"><h2>Time Table</h2>

<table width="100%" border="0" cellpadding="3" cellspacing="1"


bgcolor="#FFAB19">
<tbody><tr>
<td colspan="4" bgcolor="#D6ED17FF"><p
align="center"><strong>Time Table Ranthambhor National
Park</strong> </p></td>
</tr>
<tr class="page-text">
<td width="9%" bgcolor="#FFAB19"><p
align="center"><strong>S.No.</strong> </p></td>
<td width="33%" bgcolor="#FFAB19"><p
align="center"><strong>Month</strong> </p></td>
<td width="29%" bgcolor="#FFAB19"><p
align="center"><strong>Morning Trip</strong> </p></td>
<td width="29%" bgcolor="#FFAB19"><p
align="center"><strong>Evening Trip</strong> </p></td>
</tr>
<tr>
<td width="9%" bgcolor="#606060FF"><p align="center">1
</p></td>
<td width="33%" bgcolor="606060FF"><p>1st October to 31st
October </p></td>
<td width="29%" bgcolor="606060FF"><p align="center">6.30
A.M. to 10.00 A.M. </p></td>
<td width="29%" bgcolor="606060FF"><p align="center">2.30
P.M. to 6.00 P.M. </p></td>
</tr>
<tr>
<td width="9%" bgcolor="#FFE77AFF"><p align="center">2
</p></td>
<td width="33%" bgcolor="FFE77AFF"><p>1st November to 31st
January </p></td>
<td width="29%" bgcolor="FFE77AFF"><p align="center">7.00
A.M. to 10.30 A.M. </p></td>
<td width="29%" bgcolor="FFE77AFF"><p align="center">2.00
P.M. to 5.30 P.M. </p></td>
</tr>
<tr>
<td width="9%" bgcolor="606060FF"><p align="center"> </p></td>
11
<td width="33%" bgcolor="606060FF"><p>1st February to 31st
March </p></td>
<td width="29%" bgcolor="606060FF"><p align="center">6.30
A.M. to 10.00 A.M. </p></td>
<td width="29%" bgcolor="606060FF"><p align="center">2.30
P.M. to 6.00 P.M. </p></td>
</tr>
<tr>
<td width="9%" bgcolor="FFE77AFF"><p align="center">4
</p></td>
<td width="33%" bgcolor="FFE77AFF"><p>1st April to 15th May
</p></td>
<td width="29%" bgcolor="FFE77AFF"><p align="center">6.00
A.M. to 9.30 A.M. </p></td>
<td width="29%" bgcolor="FFE77AFF"><p align="center">3.00
P.M. to 6.30 P.M. </p></td>
11
</tr>
<tr>
<td width="9%" bgcolor="606060FF"><p align="center">5
</p></td>
<td width="33%" bgcolor="606060FF"><p>15th May to 30th June
</p></td>
<td width="29%" bgcolor="606060FF"><p align="center">6.00
A.M. to 9.30 A.M. </p></td>
<td width="29%" bgcolor="606060FF"><p align="center">3.30
P.M. to 7.00 P.M. </p></td>
</tr>
</tbody></table>
</tr>
<tr width="100%" class="back" height="30">
<td colspan="6"> <p style="color:white;"> <center>© All Right
Reserved by Ujjawal Anand<center></p></td>

</table>
</body>
</html>

F) Gallery.html
<!DOCTYPE html>
<html>
12
<head>
<title>Gallery</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-
width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?
family=Lobster&effect=shadow-multiple">
<style>
.w3-lobster {
font-family: "Lobster", Sans-serif;
}

</style>
</head>
<body>

<div class="w3-container w3-black w3-center w3-


allerta">
<p class="w3-xxxlarge font-effect-shadow-
multiple">NEPAL NATIONAL PARK</p>
</div>
<table style="width:100%;" cellpadding="5"
border-collapse="0">
<tr width="100%" bgcolor="#214202" class="clr">
<div class="navbar">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="Safari-Timimg.html">Safari Timimg</a>
<a href="gallery.html">Gallery</a>
<a href="faq.html">Faq</a>
<a href="contact.html">Contact</a>
</div>
</tr>

<tr>
<td colspan="6"><h2 style="padding:0 50px; text-
align:center;font-weight:bold;font-
size:40px;">Gallery</h2><td>
13
</tr>
<tr>
<td><img src="image/giraff.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/dear.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/twelve-singh.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/rabit.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/tiger.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/hqdefault.jpg"
style="width:250px; height:200px;"></td>
</tr>

<tr>
<td><img src="image/beauty-of-nature.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/vulture.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/maxresdefault.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/animal-parenting-moment-
pictures-creative-nature-photography-idea-9.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/chamelian.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/loin.jpg" style="width:250px;
height:200px;"></td>
</tr>

<tr>
<td><img src="image/giraff.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/dear.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/twelve-singh.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/rabit.jpg"
style="width:250px; height:200px;"></td>

14
<td><img src="image/tiger.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/hqdefault.jpg"
style="width:250px; height:200px;"></td>
</tr>
<tr>
<td><img src="image/beauty-of-nature.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/vulture.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/maxresdefault.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/animal-parenting-moment-
pictures-creative-nature-photography-idea-9.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/chamelian.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/loin.jpg" style="width:250px;
height:200px;"></td>
</tr>

<tr width="100%" class="back" height="30">


<td colspan=""> <p style="color:white;">
<center>© All Right Reserved by Ujjawal
Anand<center></p></td>

</table>
</body>
</html>

G) style.CSS

table, th,td
{border:none;}

body {
margin: 0;
font-size: 28px;
font-family: Arial, Helvetica, sans-serif;
}
15
.header {
background-color: #f1f1f1;
padding: 30px;
text-align: center;
}

.navbar {
overflow: hidden;
background-color: rgba(11, 93, 0, 0.822);
position: sticky;
position: -webkit-sticky;
top: 0;
}

.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 20px 70px;
text-decoration: none;
}

.navbar a:hover {
background-color: rgb(39, 37, 37);
color: black;
}

.clr a
{text-decoration:none;
color:white;}

.head h2
{font-weight:bold;
margin-left:50px;
line-height:30px;
text-align:left;
font-size:20px;
margin-top:30px;}

.head p
{font-size:16px;
margin-left:50px;
text-align:left;}

.imag
{
height:300px;
width:400px;
16
margin-top:50px;
}

.head a
{border:1px solid black;
background:#2a3854;
padding:10px;color:white;
text-decoration:none;}

.back
{background:#2f5f02;}

.back a
{border:1px solid black;
background:#b8353a;
margin-left:20px;
padding:10px;color:white;
text-decoration:none;}

.social img
{border:2px solid #214202;
border-radius:50%;
padding:10px;
margin-left:10px;}

.head2
{background:#f6f6f6;
text-align:left;
}

.head2 p
{line-height:25px;
margin-left:100px;}

.head2 h2
{margin-left:100px;}
.btn{width:50%;
height:25px;
}
.btn2{padding:10px 20px;
}
.head2 input{margin: 10px 0;}

H) Future.html ( for table management in safaritime.html)


<!DOCTYPE html>
<html>
<head>
<title>Safari Timimg</title>
17
<link rel="stylesheet" href="css/style.css">
<style>
body{font-family:arial;
}
table, th, td {

height:80px;
}
table, th, td, img
{
text-align:center;
}

</style>
</head>
<body>

<table style="width:100%;" cellpadding="5"


border-collapse="0">
<tr ><td colspan="6" bgcolor="#3A6D0B"><img
src="image/logo.png" width="250"
height="80"></td></tr>
<tr width="100%" bgcolor="#214202" class="clr">

<td align="center" ><a


href="index.html">Home</a></td>
<td align="center"><a
href="about.html">About</a></td>
<td align="center"><a href="Safari-
Timimg.html">Safari Timimg</a></td>
17
<td align="center"><a
href="vision.html">Gallery</a></td>
<td align="center" ><a
href="faq.html">Faq</a></td>
<td align="center"><a
href="contact.html">Contact</a></td>

</tr>
18
<tr>
<td colspan="6" class="head2"><h2>Time
Table</h2>

<table width="100%" border="0" cellpadding="3"


cellspacing="1" bgcolor="#FFAB19">
<tbody><tr>
<td colspan="4" bgcolor="#3A6D0B"><p
align="center"><strong>Time Table Ranthambhor
National Park</strong> </p></td>
</tr>
<tr class="page-text">
<td width="9%" bgcolor="#3A6D0B"><p
align="center"><strong>S.No.</strong> </p></td>
<td width="33%" bgcolor="#3A6D0B"><p
align="center"><strong>Month</strong> </p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center"><strong>Morning Trip</strong>
</p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center"><strong>Evening Trip</strong>
</p></td>
</tr>
<tr>
<td width="9%" bgcolor="#3A6D0B"><p
align="center">1 </p></td>
<td width="33%" bgcolor="#3A6D0B"><p>1st
October to 31st October </p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center">6.30 A.M. to 10.00 A.M.
</p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center">2.30 P.M. to 6.00 P.M.
</p></td>
</tr>
<tr>
<td width="9%" bgcolor="#3A6D0B"><p
align="center">2 </p></td>
<td width="33%" bgcolor="#3A6D0B"><p>1st
November to 31st January </p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center">7.00 A.M. to 10.30 A.M.
19
</p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center">2.00 P.M. to 5.30 P.M.
</p></td>
</tr>
<tr>
<td width="9%" bgcolor="#3A6D0B"><p
align="center">3 </p></td>
<td width="33%" bgcolor="#3A6D0B"><p>1st
February to 31st March </p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center">6.30 A.M. to 10.00 A.M. </p></td>

18
<td width="29%" bgcolor="#3A6D0B"><p
align="center">2.30 P.M. to 6.00 P.M.
</p></td>
</tr>
<tr>
<td width="9%" bgcolor="#3A6D0B"><p
align="center">4 </p></td>
<td width="33%" bgcolor="#3A6D0B"><p>1st
April to 15th May </p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center">6.00 A.M. to 9.30 A.M.
</p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center">3.00 P.M. to 6.30 P.M.
</p></td>
</tr>
<tr>
<td width="9%" bgcolor="#3A6D0B"><p
align="center">5 </p></td>
<td width="33%" bgcolor="#3A6D0B"><p>15th
May to 30th June </p></td>
<td width="29%" bgcolor="#3A6D0B"><p
align="center">6.00 A.M. to 9.30 A.M.
</p></td>
<td width="29%" bgcolor="#3A6D0B">
<p align="center">3.30 P.M. to 7.00 P.M.
</p></td>
</tr>
20
</tbody></table>
</tr>
<tr class="back">
<td colspan="2"><img src="image/logo.png"
width="250" height="80"></td>
<td colspan="2"> <p style="color:white;">All
Right Reserved</p></td>
<td colspan="2" class="social"><img
src="image/facebook.png" width="20"
height="20"><img src="image/twitter-old.png"
width="20" height="20"><img
src="image/YOUTUBE.png" width="20"
height="20"><img src="image/Pronto-Web-Solutions-
Icon.png" width="20" height="20"></td>
</tr>
</table>
</body>
</html>

I) vision.html (manages css of gallery.html)


<!DOCTYPE html>
<html>
<head>
<title>Gallery</title>
<link rel="stylesheet" href="css/style.css">
<style>
body{font-family:arial;
}
table, th, td {

height:80px;
}
table, th, td, img
{
text-align:center;
}

</style>
</head>
<body>

21
<table style="width:100%;" cellpadding="5"
border-collapse="0">
<tr ><td colspan="6" bgcolor="#3A6D0B"><img
src="image/logo.png" width="250"
height="80"></td></tr>
<tr width="100%" bgcolor="#214202" class="clr">

<td align="center" ><a


href="index.html">Home</a></td>
<td align="center"><a
href="about.html">About</a></td>
<td align="center"><a href="future.html">Safari
Timimg</a></td>
<td align="center"><a
href="gallery.html">Gallery</a></td>
<td align="center" ><a
href="faq.html">Faq</a></td>
<td align="center"><a
href="contact.html">Contact</a></td>

</tr>

<tr>
<td colspan="6"><h2 style="padding:0 50px; text-
align:center;font-weight:bold;font-
size:40px;">Gallery</h2><td>
</tr>
<tr>
<td><img src="image/giraff.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/dear.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/twelve-singh.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/rabit.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/tiger.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/hqdefault.jpg"
style="width:250px; height:200px;"></td>
</tr>
22
<tr>
<td><img src="image/beauty-of-nature.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/vulture.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/maxresdefault.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/animal-parenting-moment-
pictures-creative-nature-photography-idea-9.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/chamelian.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/loin.jpg" style="width:250px;
height:200px;"></td>
</tr>

<tr>
<td><img src="image/giraff.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/dear.jpg" style="width:250px;
height:200px;"></td>
<td><img src="image/twelve-singh.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/rabit.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/tiger.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/hqdefault.jpg"
style="width:250px; height:200px;"></td>
</tr>

<tr>
<td><img src="image/beauty-of-nature.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/vulture.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/maxresdefault.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/animal-parenting-moment-
pictures-creative-nature-photography-idea-9.jpg"
style="width:250px; height:200px;"></td>
23
<td><img src="image/chamelian.jpg"
style="width:250px; height:200px;"></td>
<td><img src="image/loin.jpg" style="width:250px;
height:200px;"></td>
</tr>

<tr class="back">
<td colspan="2"><img src="image/logo.png"
width="250" height="80"></td>
<td colspan="2"> <p style="color:white;">All
Right Reserved</p></td>
<td colspan="2" class="social"><img
src="image/facebook.png" width="20"
height="20"><img src="image/twitter-old.png"
width="20" height="20"><img
src="image/YOUTUBE.png" width="20"
height="20"><img src="image/Pronto-Web-Solutions-
Icon.png" width="20" height="20"></td>
</tr>

</table>
</body>
</html>

# You can access all these codes through my github


repository-
https://github.com/ujjawalanand1/nepal-wildlife-website-
school-project-class-10--
OUTPUT
LINK TO MY WEBSITE :
https://ujjawalanand1.github.io/nepal-wildlife-website-school-
project-class-10--/.
LINK TO THIS WEBSITE :
CONCLUSION

The project is based on a final project on web page


designing in really knowledgeable project for the
students. HTML is unnecessary for the raising issues of
audience, purpose, design, and accessibility. Learning
HTMLneed to be a barrier to learning writing, that is
possible to use HTML to address writing issues.
Through this website people can get knowledge about
various animals in the wildlife park. They can also
book tickets and conact us if they have a plan to visit
nepal national park.

Through this website of Nepal national park you view


various animals in park, timing for safari etc. This
website will help you to plan you tour to Nepal
National park . You can also contact us through this
website for bookings and more informantion.

This project was very useful to me as it provided me


the inside view of the planning and implementation of
the data base and HTML coding. The implementation
was not easy as I had to look into the minute details in
order to achieve my goals. nepal national park website
construction project has helped e gain a lot of
knowledge about the stress and load testing of the web
applications. I have tried to make this project user
friendly and also interactive by providing many
features.
BIBLOGRAPHY

https://brainly.in

https://en.wikipedia.org/wiki/HTML

https://github.com/

https://www.w3schools.com/

https://www.youtube.com/c/CodeWithHarry/
featured

https://codewithharry.com/videos/HTML-tutorials-
for-beginners-112

You might also like