forked from miniprojectsfit23/INP-Proj-Sem5
-
Notifications
You must be signed in to change notification settings - Fork 0
/
peru.html
255 lines (237 loc) · 13.1 KB
/
peru.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"
integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="index.css">
<link rel="shortcut icon" href="assets/logo.png" type="image/png">
<title>TravelPedia - Peru</title>
</head>
<body>
<!-- Navbar -->
<div class="nav-color">
<nav class="navbar navbar-expand-lg navbar-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#myNavbarToggler7"
aria-controls="myNavbarToggler7" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="myNavbarToggler7">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="./home.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Locations
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="./Morocco.html">Morocco</a></li>
<li><a class="dropdown-item" href="./Vietnam.html">Vietnam</a></li>
<li><a class="dropdown-item" href="./turkey.html">Turkey</a></li>
<li><a class="dropdown-item" href="./peru.html">Peru</a></li>
<li><a class="dropdown-item" href="./japan.html">Japan</a></li>
<li><a class="dropdown-item" href="./egypt.html">Egypt</a></li>
<li><a class="dropdown-item" href="./costarica.html">Costa Rica</a></li>
<li><a class="dropdown-item" href="./uae.html">UAE</a></li>
<li><a class="dropdown-item" href="./maldives.html">Maldives</a></li>
<li><a class="dropdown-item" href="./virginislands.html">British Virgin Islands</a></li>
</ul>
</li>
<a class="d-none d-lg-block logo" href="./home.html">TravelPedia</a>
<div id="notloggedin">
<li class="nav-item" style='display: inline-block;'>
<a class="nav-link" href="./login.html">Login</a>
</li>
<li class="nav-item" style='display: inline-block;'>
<a class="nav-link" href="./register.html">Register</a>
</li>
</div>
<div id="loggedin">
<li class="nav-item" style='display: inline-block;'>
<a class="nav-link" href="./home.html" id="hello-text"></a>
</li>
<li class="nav-item" style='display: inline-block;'>
<a class="nav-link" href="./login.html" id="signout-button">Sign Out</a>
</li>
</div>
</ul>
</div>
</nav>
</div>
<!-- Container-->
<div class="container1">
<img src="./assets/peru-container.jpg" width="100%" height=800px>
<div class="centered" style="color:rgb(255, 255, 255);">Peru<br>
<a class="btn" href="https://youtu.be/Nye_O4PEh7k" target="_blank" style="font-size: 45px;">
<i class="fas fa-play-circle"></i>Watch Video </a>
</div>
</div>
<br>
<br>
<!-- Container-->
<div class="container">
<h1 class="top-text text-center">Peru</h1>
<br>
<br>
<br>
<p style="font-family:verdana;">
<h3>Peru</h3>
</p>
<div class="text-align">
<p p style="text-align:justify">
Peru officially the Republic of Peru (Spanish: About this soundRepública del Perú (help·info)), is a
country in western South America. It is bordered in the north by Ecuador and Colombia, in the east by
Brazil, in the southeast by Bolivia, in the south by Chile, and in the south and west by the Pacific
Ocean. Peru is a megadiverse country with habitats ranging from the arid plains of the Pacific coastal
region in the west to the peaks of the Andes mountains extending from the north to the southeast of the
country to the tropical Amazon Basin rainforest in the east with the Amazon river.[9] Peru has a
population of 33 million, and its capital and largest city is Lima. At 1.28 million km2 (0.5 million mi2),
Peru is the 19th largest country in the world, and the third largest in South America.
<br><br>
Peruvian territory was home to several ancient cultures. Ranging from the Norte Chico civilization starting
in 3500 BCE, the oldest civilization in the Americas and one of the five cradles of civilization, to the
Inca Empire, the largest state in the pre-Columbian Americas, the territory now including Peru has one of
the longest histories of civilization of any country, tracing its heritage back to the 10th millennia BCE.
</p>
</div>
<p style="font-family:verdana;">
<h3>How to Get There</h3>
<br>
<ul>
<h5><i><b>-How to Reach Peru by Sea</b></i></h5>
Some shipping lines offer regular sailings from USA or Europe to the Peruvian ports of Callao (Lima),
Paracas, Matarani (Arequipa) and Salaverry (Trujillo). Some cruises also include Peru in their itineraries.
<br /></br>
<h5><i><b>-How to Reach Peru by Air</b></i></h5>
International airlines operate scheduled flights to Peru's Jorge Chávez International Airport, located in Lima - Peru.
<br>
<br>
Jorge Chávez International Airport (Airport code LIM) in Lima is the main gate for international flights and it's
the main hub to local flights connections.
Peru's main international and domestic air hub, Jorge Chavez International Airport, was once again successful
at the 2012 World Airport Awards held at the Passenger Terminal EXPO in Vienna, taking the award for Best Airport
in South America. For the fourth consecutive year, the airport in Lima was voted the best in the region by Skytrax
Research, a prestigious London-based market research consulting firm specialized in the airline and air transport
industry. In addition to this award, the country’s main airport terminal was bestowed the Best Airport Staff in
South America award. It is worth mentioning that Skytrax Research gave this same award to Jorge Chávez in 2009 and 2011.
<br /></br>
<h5><i><b>-How to Reach Peru by Road</b></i></h5>
Buses are the most popular means of interurban transportation in Peru. Fares are reasonable and service is regular.
The bus routes covers 75% of the routes in the departments of Peru (coast and Andean zones), connecting Lima to main
cities and tourist areas such as: Arequipa, Cuzco, Lake Titicaca and Puno, Paracas, Ica, Nazca, Tacna, Chiclayo,
Trujillo, Cajamarca, Huaraz & Callejon de Huaylas, Tumbes, Máncora, Piura, Ayacucho, Huancayo and more.
<br /></br>
<h5><i><b>-How to Reach Peru by Train</b></i></h5>
PeruRail links the tourist highlights of the Andes. It operates from historic Cuzco to the famous Machu Picchu and
from Cuzco to Lake Titicaca and Puno - this train route was awarded such as second rout most beautiful of world.
<br><br>
Since PeruRail's (Orient Express) formation in 1999, services have been upgraded to the highest standards of comfort,
safety and convenience. Specially designed first-class carriages have been added to most trains, with excellent dining
services and improved washroom facilities. In addition, there are now observation cars for unhindered viewing of the
magnificent landscape.
</ul>
<br>
<p style="font-family:verdana;" p style="text-align:justify">
<h3>Places to Visit</h3>
<br>
<ol>
<li> <b>Lima</b> </li>
<img src="./assets/peru-lima.webp" width="730" height="464" alt=""><br /> </br>
<li> <b>Machu Picchu</b> </li>
<img src="./assets/peru=macchu-picchu.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Cusco</b> </li>
<img src="./assets/peru-cusco.jpeg" width="730" height="464" alt=""><br /> </br>
<li> <b>Maras</b> </li>
<img src="./assets/peru-maras.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Mancora</b> </li>
<img src="./assets/peru-mancora.jpg" width="730" height="464" alt="">
</ol>
</p>
</div>
</div>
</div>
</div>
<!-- Footer-->
<div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-5">
<h5>Group 1 Batch 1 TEITB</h5>
<div class="row">
<div class="col-6">
<ul class="list-unstyled">
<li><a href="">Varun Patkar</a></li>
<li><a href="">Tanish Parmar</a></li>
<li><a href="">Parth Narvekar</a></li>
<li><a href="">Vedant Pawar</a></li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled">
<li><a href="">12</a></li>
<li><a href="">08</a></li>
<li><a href="">02</a></li>
<li><a href="">13</a></li>
</ul>
</div>
</div>
<hr>
</div>
<div class="col-md-5">
<form action="https://getform.io/f/ff2982d1-b222-4ec3-9eb3-2e9676a1cbc4" method="POST"
target="_blank">
<p>Contact Us</p>
<br>
<fieldset class="form-group">
<input type="text" name="name" class="form-control" id="exampleInputEmail1"
placeholder="Name">
</fieldset>
<br>
<br>
<fieldset class="form-group">
<input type="email" name="email" class="form-control" id="exampleInputEmail1"
placeholder="Enter email">
</fieldset>
<br>
<br>
<fieldset class="form-group text-xs-right">
<div class="button1">
<button type="submit" class="btn btn-secondary-outline btn-lg" value="submit"
onclick="return submit()">Send</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</footer>
</div>
<!-- credits: https://www.codeply.com/p/EJd6H4Ejyi -->
<script>
var currUserName = window.localStorage.getItem('currUser');
if (currUserName) {
document.getElementById("hello-text").innerHTML = "Hello, ".concat(currUserName);
document.getElementById("notloggedin").style.display='none';
document.getElementById("loggedin").style.display='inline-block';
}
else{
document.getElementById("notloggedin").style.display='inline-block';
document.getElementById("loggedin").style.display='none';
}
var signoutButton = document.getElementById("signout-button");
signoutButton.addEventListener("click", () => {
window.localStorage.clear();
});
</script>
</body>
</html>