forked from miniprojectsfit23/INP-Proj-Sem5
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Morocco.html
246 lines (228 loc) · 12.3 KB
/
Morocco.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
<!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 - Morocco</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/morocco-container.jfif" width="100%" height=800px>
<div class="centered" style="color:rgb(255, 255, 255);">Morocco<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">Morocco</h1>
<br>
<br>
<br>
<p style="font-family:verdana;">
<h3>Morocco</h3>
</p>
<div class="text-align">
<p p style="text-align:justify">
Morocco,officially the Kingdom of Morocco,is the northwesternmost country in the Maghreb region
of North Africa. It overlooks the Mediterranean Sea to the north and the Atlantic Ocean to the west, and
has land borders with Algeria to the east, and the disputed territory of Western Sahara to the south.
Morocco also claims the Spanish exclaves of Ceuta, Melilla and Peñón de Vélez de la Gomera, and several
small Spanish-controlled islands off its coast.It spans an area of 446,550 km2 (172,410 sq mi) or
710,850 km2 (274,460 sq mi),[b] with a population of roughly 37 million. Its official and predominant
religion is Islam, and the official languages are Arabic and Berber; the Moroccan dialect of Arabic and
French are also widely spoken. Moroccan identity and culture is a vibrant mix of Berber, Arab, and
European cultures. Its capital is Rabat, while its largest city is Casablanca.
</p>
</div>
<p style="font-family:verdana;">
<h3>How to Get There</h3>
<br>
<ul>
<h5><i><b>-How to Reach Morocco by Sea</b></i></h5>
If you come by boat, there are three main Moroccan ferry ports, namely: the port of Tangier city, the port
of Agadir, and the port of Casablanca. Famous for being the door of Africa, these ports are connected to the
ports of Europe, especially France, Spain and Italy, through a wide network of ferry lines.Whatever means of
transport you have chosen, there will always be a plane or a boat, to take you very quickly as close as
possible to your Moroccan destination.
<br /></br>
<h5><i><b>-How to Reach Morocco by Air</b></i></h5>
With 25 airports scattered all across Morocco, there are several airports in Morocco that are able to serve
your needs, while providing you with banking services, foreign exchange agencies, shopping malls fitted out
according to the new concept of "walkthrough", catering and relaxation areas.
The airport of Marrakech-Menara, being considered as the most beautiful airport in the world according to
the 2017 ranking by the Skyteam Alliance that unites 19 world airlines, has a cultural identity that brings
together authenticity and modernity.
<br /></br>
<h5><i><b>-How to Reach Morocco by Road</b></i></h5>
Driving to Morocco is easy and doesn’t represent any serious threat of difficult process. Driving in Morocco
is as normal as driving in any other country. Entrance papers for taking your car into Morocco are the
normal car papers you need in your own country with one exception, you need a car insurance valid to
Morocco.Just follow this sign L’assurance aux frontières and you’ll find the insurance office just 10 meters
after. Very easy to find. If you don’t have Moroccan Dirhams you can either exchange some money in a nerby
exchange border office or just take some cash out using the ATM machine.
This car insurance to Morocco can be acquired on the Moroccan border, very easy process. Buying car
insurance at the Tangier border costs around 50 Euros for 5 days; and around 80 Euros for 10 days insurance.
<br /></br>
</p>
</ul>
<br>
<p style="font-family:verdana;" p style="text-align:justify">
<h3>Places to Visit</h3>
<br>
<ol>
<li> <b>Meknes – The Ninth Century Medina</b> </li>
<img src="./assets/morocco-meknes.jpg" width="730" height="464" alt=""><br /> </br>
<li> <b>Asilah – Sandy Beaches And Prolonged City Walls</b> </li>
<img src="./assets/morocco-Asilah.jpg" alt=""><br /> </br>
<li> <b>High Atlas – Paradise For Trekkers</b> </li>
<img src="./assets/morocco-High-Atlas.jpg" alt=""><br /> </br>
<li> <b>Sahara Desert – Glance Sunset Over Dunes</b> </li>
<img src="./assets/morocco-Sahara.jpg" alt=""><br /> </br>
<li> <b>Rabat – Stunning Capital City</b> </li>
<img src="./assets/morocco-Rabat.jpg" 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>