-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdolomites.html
158 lines (145 loc) · 8.39 KB
/
dolomites.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tour the Earth</title>
<link rel="stylesheet" type="text/css" href="Style.css" />
<link rel="stylesheet" type="text/css" href="Mobile.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="jquery-1.11.1.min.js"></script>
<script src="galleria/galleria-1.4.2.js"></script>
<script>
function openL(id) {
document.getElementById(id).style.visibility = 'visible';
}
function closeL(id) {
document.getElementById(id).style.visibility = 'hidden';
}
function imgUp(id) {
if (id == "imgDolomites") {
document.getElementById("BoxImage").src = 'Resources/dolomites.jpg';
} else if (id == "imgParis") {
document.getElementById("BoxImage").src = 'Resources/paris.jpg'
} else if (id == "imgRayong") {
document.getElementById("BoxImage").src = 'Resources/Rayong.jpg'
} else if (id == "imgRoman") {
document.getElementById("BoxImage").src = 'Resources/Romania.jpg'
}
}
function imgDown(id) {
document.getElementById("BoxImage").src = '';
}
</script>
<style>
.galleria {
width: 45%;
height: 50%;
background-color: beige;
}
#body {
height: 700px;
}
</style>
</head>
<body>
<div style="display: inline-block" id="header">
<div style="width: 50px; height: 50px;" onmouseover="openL('LMenu')" onmouseout="closeL('LMenu'); closeL('photoBox'); closeL('BoxImage');">
<li>Locations</li>
</div>
</div>
<!-- code for the clock-->
<div style="margin: 15px 0px 0px;float: right; display: inline-block; text-align: center; width: 200px;">
<noscript><div style="display: inline-block; padding: 2px 4px; margin: 0px 0px 5px; border: 1px solid rgb(204, 204, 204); text-align: center; background-color: transparent;"><a href="http://localtimes.info/Europe/Italy/Bolzano/" style="text-decoration: none; font-size: 13px; color: rgb(0, 0, 0);"><img src="http://localtimes.info/images/countries/it.png" ="" border=0 ="" style="border:0;margin:0;padding:0" =""> Bolzano</a></div></noscript>
<script type="text/javascript" src="http://localtimes.info/clock.php?continent=Europe&country=Italy&city=Bolzano&cp1_Hex=000000&cp2_Hex=FFFFFF&cp3_Hex=000000&fwdt=200&ham=0&hbg=1&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=1000"></script>
</div>
<div id="LMenu" onmouseover="openL('LMenu')" onmouseout="closeL('LMenu'); closeL('photoBox'); closeL('BoxImage');">
<ul style="list-style-type: none;">
<li onmouseover="imgUp('imgDolomites'); openL('photoBox'); openL('BoxImage')"><a href="dolomites.html">The Dolomites</a></li>
<hr />
<li onmouseover="imgUp('imgParis'); openL('photoBox'); openL('BoxImage')"><a href="Paris.html">Paris</a></li>
<hr />
<li onmouseover="imgUp('imgRayong'); openL('photoBox'); openL('BoxImage')"><a href="Rayong.html">Rayong</a></li>
<hr />
<li onmouseover="imgUp('imgRoman'); openL('photoBox'); openL('BoxImage')"><a href="Rayong.html"><a href="Romanescu.html">Romanescu</a></a></li>
<hr />
<li>
<a href="Quote.html">Quote Your Trip!</a>
</li>
<hr />
<li><a href="index.html">Home</a></li>
</ul>
</div>
<div id="photoBox" onmouseover="imgUp('BoxImage'); openL('LMenu'); openL('photoBox'); openL('BoxImage')" onmouseout="closeL('LMenu'); closeL('BoxImage'); closeL('photoBox')">
<img style="height: 75%;" id="BoxImage" />
</div>
<div id="body">
<div style="border-radius: 10px; margin-left: 20px; display: inline-block" class="galleria">
<img style="width: 90%;" src="Resources/dolomites.jpg" />
<img style="width: 90%;" src="Resources/MountDolomite.jpg" />
<img style="width: 90%;" src="Resources/dolomites-zsigmondy.jpg" />
<img style="width: 90%;" src="Resources/dolomites3.jpg" />
<script>
Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
Galleria.run('.galleria');
</script>
</div>
<div style="float:right; width: 45%;">
<h3 style="text-indent: 5%">Basic Info</h3>
<ul>
<li>Location: North Eastern Italy.</li>
<li>Current Time Zone: Central European Time UTC/GMT +1:00 hours</li>
<li>Currency Exchange: 1.24 USD = 1 Euro</li>
</ul>
<span style="display: block !important; width: 320px; text-align: center; font-family: sans-serif; font-size: 12px;"><a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:00000.3.16036&bannertypeclick=wu_clean2day" title="Belluno, Italy Weather Forecast" target="_blank"><img src="http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_clean2day_cond&airportcode=LIYW&ForcedCity=Belluno&ForcedState=Italy&wmo=16036&language=EN" alt="Find more about Weather in Belluno, IY" width="300" /></a><br><a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:00000.3.16036&bannertypeclick=wu_clean2day" title="Get latest Weather Forecast updates" style="font-family: sans-serif; font-size: 12px" target="_blank">Click for weather forecast</a></span>
<!-- CURRENCY-CONVERTER.ORG.UK CURRENCY CONVERTER LIVE START -->
<div style="width: 178px; margin: 0; padding: 0; border: 1px solid #cccccc; background: #f0f0f0;">
<div style="width: 178px; text-align: center; padding: 2px 0px; background: #; font-family: arial; font-size: 11px; color: #666666; font-weight: bold; vertical-align: middle;">
<a style="color: #666666; text-decoration: none; text-transform: uppercase;" href="http://www.currency-converter.org.uk" target="_new">Exchange Rate Converter</a>
</div>
<div style="padding: 4px;">
<script type="text/javascript">
var dcf = 'USD';
var dct = 'EUR';
var fc = '333333';
var lc = '666666';
var bdr = 'cccccc';
var mbg = 'f0f0f0';
var ifc = '333333';
var ibdc = 'CCCCCC';
var ibgc = 'FFFFFF';
var tz = 'userset';
</script>
<script type="text/javascript" src="http://www.currency-converter.org.uk/widget/CCUK-CCLM-1.php"></script>
</div>
</div>
<!-- CURRENCY-CONVERTER.ORG.UK CURRENCY CONVERTER LIVE END -->
</div>
<p style="text-indent: 5%">
Nothing says calm and serene like the great outdoors, and The Dolomites in North Eastern Italy provides just that. This vast land of this mountain range will bring out the adventurous nature in you. This land mass formed over 2000 million years ago in the primordial sea and is over 3,000 meters high. It is locked between 5 valleys: Isarco, Pusteria, Piave, Brent, Adige. The mountains provide a great area biking, hiking, and horse riding for you and the family.
</p>
<div>
<div id="BPackage" style="width: 45%; float: left;">
<h4>Basic Package</h4>
<ul>
<li>Cost: $5,000</li>
<li>2 People Package</li>
<li>Round Trip</li>
<li>3 Day Trip</li>
<li>200€ spending cash per day</li>
<li>Includes Hotel</li>
</ul>
</div>
<div id="FPackage" style="float: right; width: 45%">
<h4>Family Package</h4>
<ul>
<li>Cost: $8,000</li>
<li>4 people package</li>
<li>Round Trip</li>
<li>3 day trip</li>
<li>350€ spending cash per day</li>
<li>Hotel, vacation home for extra 500€</li>
</ul>
</div>
</div>
</div>
</body>
</html>