Professional Documents
Culture Documents
Chobhar, Kathmandu
Report on
“Nepal National Park Website Development"
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
a. Homepage ………………………………………………... 13
b. About Page……………………………………………….. 13
d. Contact us page…………………………………………... 16
f. gallery...................................................................................
g. CSS..............................................................................
6. Output ………………………………………………………………… 13
a. Homepage ………………………………………………... 13
b. About Page……………………………………………….. 13
d. Contact us page…………………………………………... 16
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.
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="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>
<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>
</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>
</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>
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="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> 
<input type="text" class="btn"><br>
<label>Your Phone</label>
<input type="text" class="btn"><br>
<label>Subject</label>       
<input type="text" class="btn"><br>
<label>Message</label>     
<textarea rows="10" style="width:700px;"></textarea><br>
<input type="submit" value="Send Now" class="btn2">
<!DOCTYPE html>
<html>
<head>
<title>Safari Timimg</title>
</style>
</head>
<body>
<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>
</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>
<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>
</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;}
height:80px;
}
table, th, td, img
{
text-align:center;
}
</style>
</head>
<body>
</tr>
18
<tr>
<td colspan="6" class="head2"><h2>Time
Table</h2>
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>
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">
</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>
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