forked from miniprojectsfit23/INP-Proj-Sem5
-
Notifications
You must be signed in to change notification settings - Fork 0
/
maldives.html
239 lines (223 loc) · 11.9 KB
/
maldives.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
<!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 - Maldives</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/maldives-container.jpg" width="100%" height=800px>
<div class="centered" style="color:rgb(255, 255, 255);">Maldives<br>
<a class="btn" href="https://youtu.be/pBUh9da5Nz0" 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">Maldives</h1>
<br>
<br>
<br>
<p style="font-family:verdana;">
<h3>Maldives</h3>
</p>
<div class="text-align">
<p p style="text-align:justify">
Maldives , officially the Republic of Maldives, is a small archipelagic state in the Indian subcontinent of Asia,
situated in the Indian Ocean. It lies southwest of Sri Lanka and India, about 700 kilometres (430 mi) from
the Asian continent's mainland. The chain of 26 atolls stretches from Ihavandhippolhu Atoll in the north to
Addu Atoll in the south (across the Equator). Comprising a territory spanning roughly 90,000 square kilometres (
35,000 sq mi) including the sea, land area of all the islands comprises 298 square kilometres (115 sq mi),
Maldives is one of the world's most geographically dispersed sovereign states as well as the smallest Asian
country by land area and, with around 557,426 inhabitants, the 2nd least populous country in Asia. Malé is
the capital and the most populated city, traditionally called the "King's Island" where the ancient royal
dynasties ruled for its central location.
<br><br>
The Maldivian Archipelago is located on the Chagos-Laccadive Ridge, a vast submarine mountain range in the Indian
Ocean; this also forms a terrestrial ecoregion, together with the Chagos Archipelago and Lakshadweep.With an
average ground-level elevation of 1.5 metres (4 ft 11 in) above sea level, and a highest natural point of
only 5.1 metres (17 ft), it is the world's lowest-lying country.
</p>
</div>
<p style="font-family:verdana;">
<h3>How to Get There</h3>
<br>
<ul>
<h5><i><b>-How to Reach Maldives by Sea</b></i></h5>
With the launch of a new ship by Costa Cruise, you can now go on a cruise tour from Mumbai to Maldives
during this winter holiday. The ship Costa Victoria takes you on a sea voyage from Mumbai with stoppages
at Mangalore and Cochin in India. The journey ends at Maldives at the end of the seven-day trip.
<br /></br>
<h5><i><b>-How to Reach Maldives by Air</b></i></h5>
aking a flight to Maldives is the only option for those planning about how to travel to Maldives. Malé Airport is the
largest airport in the country. There are 2 airports which carry international flights. Malè Airport on Male’ island
and Gan Airport in Addu city are the international airports. Domestic airports are Hanimaadhoo Airport, Kaadedhdhoo
Airport, and Kadhdhoo Airport. British Airways, Air India, Cathay Pacific, Emirates, Etihad Airways, Jet Airways
and other flights arrive and depart from Maldives.
<br /></br>
<h5><i><b>-How to Reach Maldives by Road</b></i></h5>
As Maldives is an island country, it has not possible to reach the islands by road.
<br /></br>
</p>
</ul>
<br>
<p style="font-family:verdana;" p style="text-align:justify">
<h3>Places to Visit</h3>
<br>
<ol>
<li> <b>Malé Atoll – For Urban Vibes</b> </li>
<img src="./assets/maldives-male.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Bioluminescent Beach – For Star-Gazing With Bae</b> </li>
<img src="./assets/maldives-Bioluminescent-Beach-Vaadhoo-Island.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Maafushi Island - For A Stunning Mix Of Blue & White</b> </li>
<img src="./assets/maldives-maafushi.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Sun Island – For Sparkling Beaches</b> </li>
<img src="./assets/maldives-sun-island.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Majeedhee Magu – For Street Shopping</b> </li>
<img src="./assets/maldives-Majeedhee-Magu.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>