-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathitaly.html
469 lines (467 loc) · 34.9 KB
/
italy.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
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Escapes Today">
<meta name="description" content="Escapes Today Italy">
<meta name="keywords" content="Travel, Italy, vacation, escapes, today, agency, Milan, cathedral, Trevi, fountain, leaning, tower, Pisa, entreprise, rentacar, Rent-A-Car, Albergo del Santo, La Pergola">
<meta name="author" content="Clayton White, Tyler Morris">
<title>Escapes Today - Italy</title>
<!--External Sources-->
<link rel="shortcut icon" href="assets/img/Logos/favicon.ico">
<link rel="stylesheet" href="addons/country.css">
<link rel='stylesheet' href='fonts/fonts.css'>
<link rel="stylesheet" href="data/main.css">
<link rel="stylesheet" href="data/vertical_slider.css">
<link rel="stylesheet" href="addons/superslides/dist/stylesheets/custom.css">
<link rel="stylesheet" href="addons/font-awesome-4.2.0/css/font-awesome.min.css">
<link href="addons/jquery-ui-1.11.2/jquery-ui.css" rel="stylesheet">
</head>
<body>
<div class="wrapper" style="background: rgb(61, 121, 176);">
<!--Heading-->
<header id="header" style="width: 100%; height: 300px;">
<img src="assets/img/Italy/italy_b.jpg" style="height:300px;width:100%;background:rgb(220,232, 243);" alt="Italy Image">
<!--Navigation Bar-->
<div id="navheader">
<div style="margin-left: 0px"> <a href="http://www.escapes.today" id="logo"><img style="height: 90px;" src="assets/img/Logos/logo.svg" alt="Escapes Today logo" /> </a>
</div>
<div id="links">
<ul>
<li><a href="index.html">Home</a>
</li>
<li><a href="destinations.html">Destinations</a>
</li>
<li><a href="tips.html">Travel Tips</a>
</li>
<li><a href="about.html">About</a>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</header>
<main>
<!--Country Description-->
<div style="background-color:rgb(220,232, 243); color:#1a3275; padding: 10px 20%;font-size:1.2em;display: inline-block;">
<!--Weather-->
<div id="weather"></div>
<h1 id="country" style="text-align: center; font-size: 3em;">Italy</h1>
<p style="margin-top: 20px;">Italy, officially the Italian Republic is a unitary parliamentary republic in Southern Europe. Famous for their art, architecture, and food, Italy is a destination full of sights to see. You'll enjoy seeing the culture of 14th century artists, and enjoy traditional Italian food.</p>
</div>
<!--Instructions-->
<div id="products">
<div class="instructions" style="color: rgb(220,232, 243); font-size: 1.3em;margin-top:20px; margin-bottom:25px;text-align:right;">
<h2 style="margin:10px;">Personalized Travel Plan</h2>
<p style="margin:10px;">Click and drag the items to your plan below or click the plus button to add automatically. Our value packages are located below.</p>
</div>
<!--Beginning of Points of Interest-->
<div class="locations">
<ul class="showcase" style="float:left;">
<!--Milan Cathedral-->
<li>
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/Italy/milan_poi.jpg" alt="Milan Cathedeal">
<div class="cover max">
<div class="description">
<h2>Milan Cathedral Tour</h2>
<h4>Milan, Italy</h4>
<p class="info">This cathedral is from the 14th century. Archbishop Antonio da Saluzzo began construction by hiring the first chief engineer Simone da Orsenigo and more than three hundred men. The cathedral has been a tourist attraction and a symbol of religious prestige.</p>
<div class="bottomBar"> <span class="price rating" style="left: 10px; right:auto"> $100.00 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<!--Trevi Fountain-->
<li>
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/Italy/trevi_poi.jpg" alt="Trevi Fountain">
<div class="cover max">
<div class="description">
<h2>Trevi Fountain Tour</h2>
<h4>Rome, Italy</h4>
<p class="info">Legend says a young girl led soldiers to a source of water a little bit outside of Rome. Augustus built an aquaduct to bring the water into the city. In 1629, Pope Urban VIII commissened Gian Lorenzo Bernini to renovate the fountain.</p> <span class="price rating" style="left: 10px; right:auto"> $50.00 </span>
</div>
</div>
</div>
</div>
</li>
<!--Tower of Pisa-->
<li>
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/Italy/pisa_poi.jpg" alt="Tower of Pisa">
<div class="cover max">
<div class="description">
<h2>Tower of Pisa Tour</h2>
<h4>Pisa, Italy</h4>
<p class="info">The tower is the third oldest structure in the city, completed in the 14th century. The tower is a tourist attraction and landmark. This bell tower is unintentionally leaning to the side. This is caused by the ground being too soft on one side during construction.</p> <span class="price rating" style="left: 10px; right:auto"> $100.00 </span>
</div>
</div>
</div>
</div>
</li>
<!--La Pergola-->
<li>
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/Italy/LaPergola_poi.jpg" alt="La Pergola">
<div class="cover max">
<div class="description">
<h2>La Pergola Italian Restaurant</h2>
<h4>Rome, Italy</h4>
<p class="info">This Italian gourmet restaurant will give you tradtional Italian cuisine. A fresh loaf of bread with salt and olive oil to start off your meal, followed by your meal. The warm and humble staff will make sure your every need is satisfied. Try their grand dessert which consists of seven plates of pastries and their traditional Italian desserts.</p> <span class="price rating" style="left: 10px; right:auto"> $150-$350 </span>
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
</div>
</li>
<!--Albergo del Santo-->
<li class="dragignoreDefault">
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/Italy/albergo_poi.jpg" alt="Albergo del Senato">
<div class="cover max">
<div class="description">
<h2>Albergo del Senato Hotel</h2>
<h4>Rome, Italy</h4>
<p class="info">This hotel will put you within walking distance of the hotspots of the city. Service is phenomenal and this is one of the cleanest hotels in Rome. One will enjoy having the Pantheon right at the steps of the hotel.</p>
<!--Pricing for Hotel-->
<div class="options"> <span>Room: </span>
<select name="perd" class="dragignore room">
<option value="130" selected="selected" class="defVal">Please select room type...</option>
<option value="220">Presidential @ $220</option>
<option value="175">Deluxe @ $175</option>
<option value="130">Standard @ $130</option>
</select>
<span class="break"></span>
<span>Number of nights: </span>
<input type="number" name="numd" min="1" max="20" value="1" class="dragignore">
</div>
<span class="price rating" style="left: 10px; right:auto"> $130-$220 </span>
<!--Rating-->
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-half-o"></i> <i class="fa fa-star-o"></i>
</div>
</div>
</div>
</div>
</div>
</li>
<!--Entreprise-->
<li>
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/Italy/elogo_poi.png" alt="Enterprise">
<div class="cover max">
<div class="description">
<h2>Enterprise</h2>
<h4>Rent-A-Car</h4>
<p class="info">Enterprise is a company that has car locations all around the world. You can choose from a variety of cars. Want to save? Rent a compact. Want to be comfortable? Rent a luxary.</p> <span class="price rating" style="left: 10px; right:auto"> $80-$160 </span>
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-half-o"></i> <i class="fa fa-star-o"></i>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="miniCart">
<a href="" id="menuToggle" title="show menu" style="font-size: 22px;">
<span class="divClosed mButton fa-rotate-270">Travel Plan</span>
</a>
<ul class="destination"></ul>
<div class="btns" style="text-align:center;padding-top: 2px;">
<a class="btnd" id="clear">Clear Cart</a>
<a class="btnd" id="openPlanBtn">Finalize Plan</a>
</div>
</div> <i style="clear:both; width:100%; display: block;"></i>
</div>
<!--End of Points of Interest-->
<div class="btns" style="text-align:center;"> <a class="btnd" id="dealsbtn">View Travel Deals</a> <a class="btnd" id="flightsbtn">View Flights</a>
</div>
<!--Beginning of Travel Deals-->
<div class="dealbox slidein">
<ul class="deals">
<!--Explorer Package-->
<li>
<div class="shadowbox">
<div class="poi">
<img class="max" src="assets/img/Italy/Iexplorer_p.jpg" alt="Explorer Package">
<div class="cover max">
<div class="description">
<h2>Explorer Package</h2>
<h4>For the true explorers</h4>
<p class="info" style="line-height:14px">This travel package will give you the full experience with all the hotspots of Italy. Take a trip to Milan, Rome, and Pisa to get the full escape.</p>
<ol style="margin-left: 20px;">
<li>Milan Cathedral Tour</li>
<li>Trevi Fountain Tour</li>
<li>Tower of Pisa Tour</li>
</ol>
<br>Savings:<span class="savings" style="color: #0F0">$50.00</span> <span class="price rating" style="left: 10px; right:auto">$202.42</span>
<div class="rating">
<div class="btns" style="text-align:right;padding-bottom: 0px;">
<a class="btn addDeal">Get Deal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!--City Package-->
<li>
<div class="shadowbox">
<div class="poi">
<img class="max" src="assets/img/Italy/Icity_p.jpg" alt="Rome Package">
<div class="cover max">
<div class="description">
<h2>Rome Package</h2>
<h4>For the full Rome experience</h4>
<p class="info" style="line-height:14px">The Rome package will give you the full Roman experience. This package will give you the Trevi Fountain tour, along with a hotel room, rental car, and coupon for the La Pergola Italian Restaurant.</p>
<ol style="margin-left: 20px;">
<li>Trevi Fountain Tour</li>
<li>La Pergola Italian Restaurant</li>
<li>Albergo del Senato Hotel</li>
<li>Enterprise</li>
</ol>Savings:<span class="savings" style="color: #0F0">$150.00</span> <span class="price rating" style="left: 10px; right:auto">$270-$2000</span>
<div class="rating">
<div class="btns" style="text-align:right;padding-bottom: 0px;">
<a class="btn addDeal">Get Deal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!--Escapes Package-->
<li>
<div class="shadowbox">
<div class="poi">
<img class="max" src="assets/img/Logos/logoglobe.gif" alt="Escapes Package">
<div class="cover max">
<div class="description">
<h2>Escape Package</h2>
<h4>For the true explorers</h4>
<p class="info" style="line-height:14px">The Escapes Package offers all points of interest we offer at Escapes Today.</p>
<ol style="margin-left: 20px;">
<li>Milan Cathedral Tour</li>
<li>Trevi Fountain Tour</li>
<li>Tower of Pisa Tour</li>
<li>La Pergola Italian Restaurant</li>
<li>Albergo del Senato Hotel</li>
<li>Enterprise</li>
</ol>
<br>Savings:<span class="savings" style="color: #0F0">$250.00</span> <span class="price rating" style="left: 10px; right:auto">$750-$2500</span>
<div class="rating">
<div class="btns" style="text-align:right;padding-bottom: 0px;">
<a class="btn addDeal">Get Deal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!--Flights-->
<div class="flightsbox slidein">
<ul class="flights">
<!--United-->
<li class="dragignoreDefault">
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/FlightLogo/united_poi.jpg" alt="United Airlines">
<div class="cover max">
<div class="description">
<h2>United Airlines</h2>
<h4>To - Rome, Italy</h4>
<p class="info">This flight will have layovers. United has been providing flights since 1926. Their Boeing aircrafts will fly you to your destination with ease, comfort, and speed. You will arrive at the Leonardo da Vinci–Fiumicino Airport. Your flight will last about 11 hours.</p>
<!--Pricing for Class-->
<div class="options"> <span>Seating: </span>
<select name="perd" class="dragignore">
<option value="130" selected="selected" class="defVal">Please select seating type...</option>
<option value="7500">First @ $7,500</option>
<option value="7000">Business @ $7,000</option>
<option value="2000">Economy @ $2,000</option>
</select>
<span class="break"></span>
<span>Number of Seats: </span>
<input type="number" name="numd" min="1" max="20" value="1" class="dragignore">
</div>
<span class="price rating" style="left: 10px; right:auto"> $2000-$7500 </span>
<!--Rating-->
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-half-o"></i> <i class="fa fa-star-o"></i>
</div>
</div>
</div>
</div>
</div>
</li>
<!--American Airlines-->
<li class="dragignoreDefault">
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/FlightLogo/american_poi.png" alt="American Airlines">
<div class="cover max">
<div class="description">
<h2>American Airlines</h2>
<h4>To - Rome, Italy</h4>
<p class="info">This flight will have layovers. American Airlines has been proudly serving in international flights since American Airlines is a member of the one world airline alliance. You'll arrive at Leonardo da Vinci–Fiumicino Airport after your 13 hour flight.</p>
<!--Pricing for Class-->
<div class="options"> <span>Seating: </span>
<select name="perd" class="dragignore">
<option value="130" selected="selected" class="defVal">Please select seating type...</option>
<option value="5300">First @ $5,300</option>
<option value="3800">Business @ $3,8000</option>
<option value="1800">Economy @ $1,800</option>
</select>
<span class="break"></span>
<span>Number of Seats: </span>
<input type="number" name="numd" min="1" max="20" value="1" class="dragignore">
</div>
<span class="price rating" style="left: 10px; right:auto"> $1800-$5300 </span>
<!--Rating-->
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-half-o"></i> <i class="fa fa-star-o"></i>
</div>
</div>
</div>
</div>
</div>
</li>
<!--Fronteir Airlines-->
<li>
<div class="shadowbox">
<div class="poi"> <i class="addRemove fa fa-plus" style="font-size:22px"></i>
<img class="max" src="assets/img/FlightLogo/frontier_poi.jpg" alt="Fronteir Airlines">
<div class="cover max">
<div class="description">
<h2>Frontier Airlines</h2>
<h4>To - Rome, Italy</h4>
<p class="info">This flight has multiple layovers but has a reduced cost. Frontier airlines does not offer different classes of seating. Depending on your time of year that you are booking these tickets, the prices will be variable. Frontier, being the cheapest of the airlines Escapes Today supports, will allow to fly to your destination with savings. Frontier was established in 1994 and is dedicated to ultra-low costs.</p> <span class="price rating" style="left: 10px; right:auto"> $1400-1800 </span>
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!--Forms-->
<div class="dialogs">
<!-- Checkout Form-->
<div id="dialog-checkout" title="Checkout">
<div class="checkoutinfo" style="padding: 40px 80px;">
<h2>Contact Information</h2>
<form style="padding: 10px;" name="buyform" method="post">First name:
<br>
<input type="text" name="firstname">
<br>Last name:
<br>
<input type="text" name="lastname">
<br>Email:
<br>
<input type="email" name="email">
<br>Phone:
<br>
<input type="tel" name="phone">
<br>
<br>Comments:
<br>
<textarea id="confirmationText" class="text" rows="5" name="confirmationText" style="width: 100%; resize:vertical;"></textarea>
<p class="orderRem"></p>
</form>
</div>
</div>
<!-- Travel Plan Form-->
<div id="dialog-finalize" title="Travel Plan">
<table style="width: 40%;border: 0px;cellpadding:5px;font-size: 1.0em; margin: 0 auto;float:left; padding-right: 20px;">
<caption style="font-size:1.5em;font-weight:bold;margin-top: 100px;">Travel Plan</caption>
<tr>
<th colspan="3" style="text-align:left;font-size: 1.2em;padding-bottom: 10px;">Items</th>
</tr>
<tr class="empty">
<td><span style="">There are no items in your cart!</span>
</td>
<td colspan="2"> </td>
</tr>
<tr class="space">
<td colspan="2"> </td>
<td style="width: 22px;"> </td>
</tr>
<tr>
<td>Sub-total</td>
<td id="sub-total"></td>
<td></td>
</tr>
<tr>
<td>Tax</td>
<td id="tax"></td>
<td></td>
</tr>
<tr>
<td colspan="2"> </td>
<td style="width: 22px;"> </td>
</tr>
<tr>
<td>Grand total</td>
<td id="total"></td>
<td></td>
</tr>
</table>
<div id="map" style="width: 59.8%; height: 500px;margin-left: 20px;"></div>
</div>
<div id="dialog-interactiveError" title="Point of Interest Error">
<h4>Please change the properties of this POI before adding to the Travel Plan. </h4>
</div>
<div id="dialog-clearCart" title="Clear Cart?">
<h4>Are you sure you want to clear the cart?</h4>
</div>
<div id="dialog-noItems" title="Cart Error">
<h4>There are no items in your cart. Add items to your travel plan today!</h4>
</div>
</div>
</div>
</main>
<div class="push"></div>
</div>
<!--Footer-->
<footer id="footer" style="position: initial;"> <a href="https://github.com/Escapes-today/Escapes.today" style="left: 10px;position:relative; top: 4px"> <img src="assets/img/GitHub/lightb_logo.png" style="height: 15px;" alt="GitHub" /> <img src="assets/img/GitHub/lightb_octo.png" style="height: 15px" alt="GitHub logo" /> </a> <a href="index.html" style="position: relative;float: right;top: 6px;right:10px"><img src="assets/img/Logos/logoSmall.png" style="height: 20px" alt="Escapes Logo" /></a>
</footer>
<!-- jQuery Scripts -->
<script src="addons/jquery/jquery-1.11.1.min.js"></script>
<script src="addons/jquery-ui-1.11.2/jquery-ui.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBtaG3B9hCShJlR_QZDJPUbv3diEJpnWL4&sensor=false&libraries=places" type="text/javascript"></script>
<script src="addons/map.js"></script>
<!-- Weather Scripts -->
<script src="addons/simpleweather/jquery.simpleWeather.min.js"></script>
<script src="data/weather.js"></script>
<!-- Cart Scripts -->
<script src="addons/checkout.js"></script>
<script src="addons/country.js"></script>
<script src="addons/scrollbar/jquery.slimscroll.min.js"></script>
<script>
$.simpleWeather({
location: 'Rome, Italy',
woeid: '',
unit: 'f',
success: weather,
error: function(error) {
$("#weather").html('<p>' + error + '</p>');
}
});
//Italy location data
locations = $.parseJSON('[["Milan Cathedral Tour",45.464102,9.191919,"assets/img/Italy/milan_poi.jpg",[[45.464087,9.189659000000006],[83.08716247365916,20.8979432206712,1.99]]],["Trevi Fountain Tour",41.900931,12.483313,"assets/img/Italy/trevi_poi.jpg",[[41.900845,12.483357000000069],[-15.841324202271354,6.781721590935567,1]]],["Tower of Pisa Tour",43.722952,10.396597,"assets/img/Italy/pisa_poi.jpg",[[43.722963,10.397140000000036],[-38.067682546933696,23.540597461396413,1.33]]],["La Pergola Italian Restaurant",41.918833,12.446494,"assets/img/Italy/LaPergola_poi.jpg",[[41.918825,12.445901000000049],[94.46519433298454,20.98201249691098,0.3299999999999999]]],["Albergo del Senato Hotel",41.899192,12.4773742,"assets/img/Italy/albergo_poi.jpg",[[41.899197,12.476933000000031],[-98.5602501893209,8.056225356480065,1.33]]]]');
</script>
</body>
</html>