forked from miniprojectsfit23/INP-Proj-Sem5
-
Notifications
You must be signed in to change notification settings - Fork 0
/
egypt.html
256 lines (240 loc) · 13.1 KB
/
egypt.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
256
<!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 - Egypt</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/egypt-container.jpg" width="100%" height=800px>
<div class="centered" style="color:rgb(255, 255, 255);">Egypt<br>
<a class="btn" href="https://www.youtube.com/watch?v=C0oh-o1pY7A" 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">Egypt</h1>
<br>
<br>
<br>
<p style="font-family:verdana;">
<h3>Egypt</h3>
</p>
<div class="text-align">
<p p style="text-align:justify">
Egypt officially the Arab Republic of Egypt, is a transcontinental country spanning the northeast corner of
Africa and southwest corner of Asia by a land bridge formed by the Sinai Peninsula. Egypt is a Mediterranean
country bordered by the Gaza Strip (Palestine) and Israel to the northeast, the Gulf of Aqaba and the Red
Sea to the east, Sudan to the south, and Libya to the west. Across the Gulf of Aqaba lies Jordan, across
the Red Sea lies Saudi Arabia, and across the Mediterranean lie Greece, Turkey and Cyprus, although none
share a land border with Egypt.
<br><br>
Egypt has one of the longest histories of any country, tracing its heritage along the Nile Delta back to
the 6th–4th millennia BCE. Considered a cradle of civilisation, Ancient Egypt saw some of the earliest
developments of writing, agriculture, urbanisation, organised religion and central government.
Iconic monuments such as the Giza Necropolis and its Great Sphinx, as well the ruins of Memphis,
Thebes, Karnak, and the Valley of the Kings, reflect this legacy and remain a significant focus of
scientific and popular interest. Egypt's long and rich cultural heritage is an integral part of its
national identity, which reflects its unique transcontinental location being all Mediterranean,
Middle Eastern and North African.[15] Egypt was an early and important centre of Christianity,
but was largely Islamised in the seventh century and remains a predominantly Muslim country,
albeit with a significant Christian minority.
</p>
</div>
<p style="font-family:verdana;">
<h3>How to Get There</h3>
<br>
<ul>
<h5><i><b>-How to Reach Egypt by Sea</b></i></h5>
Daily ferries ply the route between Nuweiba and Taba on Egypt's Sinai Peninsula and Aqaba
in Jordan. There is an intermittent ferry service along the Nile between Wadi Halfa in
Sudan and Egypt's High Dam, and a car ferry service from Jeddah to Suez via the Suez canal.
<br /></br>
<h5><i><b>-How to Reach Egypt by Air</b></i></h5>
Cairo and Luxor are the two main airports in Egypt, with Aswan, Alexandria and Sharm el-Sheikh as
close runner-ups. Sharm el-Sheikh is mostly visited directly by those interested in a vacation in
Red Sea. However, Cairo Airport boasts most of the airlines operating flights to and from India.
All the major Indian cities with airports have frequent flights to Cairo. Flights from Delhi,
Mumbai, Bangalore, Chennai and Kolkata to Egypt are very common. The fastest flight to Egypt is
from Mumbai. This is the only nonstop flight to Cairo from Mumbai and it runs three days a week –
Sunday, Tuesday and Wednesday. The flight takes around 6 hours 40 minutes and is operated by
Egyptair. The next best option to go to Egypt by air is the one-stop flight from Delhi by Kuwait
Airways and Egypt Air via Kuwait City, which takes around 8 hours. From Chennai there are many
one-stop flights as well.
<br /></br>
<h5><i><b>-How to Reach Egypt by Road</b></i></h5>
If you look at the Egypt map, you can see it is located right at the border of Asia,
over-pouring a little bit onto the part called Middle-East. So it can be said that
theoretically, Egypt can be driven to from India. But the distance of the Egypt route
by road from India is nearly 4500 kilometres. The route goes from India through Pakistan,
Iran, Iraq and parts of Jordan and Israel to reach Egypt. Given the geographical as well
as a socio-political scenario, that is not the best option to go for. You will need way
too many permission and documents to pass through that many borders, and the journey will
not be quite as comfortable. However, if you are already travelling in Israel or Jordan,
there are ways to go to Egypt by bus. Tel Aviv, Jerusalem and Amman have bus services to
Cairo.
<br /></br>
</p>
</ul>
<br>
<p style="font-family:verdana;" p style="text-align:justify">
<h3>Places to Visit</h3>
<br>
<ol>
<li> <b>Cairo</b> </li>
<img src="./assets/egypt-cairo.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Luxor</b> </li>
<img src="./assets/egypt-luxor.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Cruising the Nile</b> </li>
<img src="./assets/egypt-nile.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Aswan</b> </li>
<img src="./assets/egypt-aswan.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Siwa Oasis</b> </li>
<img src="./assets/egypt-siwa-oasis.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>