-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathRayong.html
180 lines (171 loc) · 9.17 KB
/
Rayong.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
<!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;
}
</style>
</head>
<body>
<div style="display:inline-block" id="header">
<div style="width: 50px; height: 50px;" onmouseover="openL('LMenu')" onmouseout="closeL('LMenu')">
<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/Asia/Thailand/Bangkok/" style="text-decoration: none; font-size: 13px; color: rgb(0, 0, 0);"><img src="http://localtimes.info/images/countries/th.png" ="" border=0 ="" style="border:0;margin:0;padding:0" =""> Bangkok</a>
</div>
</noscript>
<script type="text/javascript" src="http://localtimes.info/clock.php?continent=Asia&country=Thailand&city=Bangkok&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="locations">
<p style="text-align: center;">The Dolomites</p>
<a href="dolomites.html">
<img class="specific" src="Resources/dolomites.jpg" alt="The Dolomites" /></a>
<hr />
<p style="text-align: center; margin: 5px;">Paris</p>
<a href="Paris.html">
<img class="specific" src="Resources/paris.jpg" alt="Paris" /></a>
<hr />
<p style="text-align: center; margin: 5px;">Rayong</p>
<a href="Rayong.html">
<img class="specific" src="Resources/Rayong.jpg" alt="Rayong Dam" /></a>
<hr />
<p style="text-align: center; margin-top: -3px;">Romanescu Park</p>
<a href="Romanescu.html">
<img style="margin-bottom: 5px;" class="specific" src="Resources/Romania.jpg" alt="Romanescu Park" /></a>
<a href="index.html">
<p>Home</p>
</a>
</div> -->
<div id="body" style="">
<div style="border-radius: 10px; margin-left: 20px; display: inline-block" class="galleria">
<img style="width: 90%;" src="Resources/Rayong.jpg" />
<img style="width: 90%;" src="Resources/dam-photo.jpg" />
<img style="width: 90%;" src="Resources/damm.jpg" />
<img style="width: 90%;" src="Resources/damn-dam.jpg" />
<script>
Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
Galleria.run('.galleria');
</script>
</div>
<div style="float: right; width: 45%;">
<h3>Basic Info</h3>
<ul>
<li>Location: Rayong, Thailand</li>
<li>Current Time Zone: Central European Time UTC/GMT +7 hours</li>
<li>Currency Exchange: 0.030 USD = 1 Thai Baht</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.1.48478&bannertypeclick=wu_clean2day" title="Rayong, Thailand Weather Forecast" target="_blank">
<img src="http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_clean2day_cond&airportcode=VTBU&ForcedCity=Rayong&ForcedState=Thailand&wmo=48478&language=EN" alt="Find more about Weather in Rayong, TH" width="300" />
</a><br>
<a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:00000.1.48478&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 = 'THB';
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%">
Located in Thailand, Rayong is a place of culture and nature. A place filled with shrines and parks, you will feel the spirit of the land envelop you. Places as old as the Wat Pa Pradu to the more modern places such as the Rayong Dam, sparks an interest in everyone. Beaches fill the coast with beauty. Rayong is a great place for the entire family to enjoy with a vast amount of sights and choices.
</p>
<div>
<div id="BPackage" style="width: 45%; float: left;">
<h4>Basic Package</h4>
<ul>
<li>Cost: $4,000</li>
<li>2 People Package</li>
<li>Round Trip</li>
<li>3 Day Trip</li>
<li>9800฿ (Thai Baht) per day</li>
<li>Includes Hotel</li>
</ul>
</div>
<div id="FPackage" style="float: right; width: 45%">
<h4>Family Package</h4>
<ul>
<li>Cost: $9,000</li>
<li>4 people package</li>
<li>Round Trip</li>
<li>3 day trip</li>
<li>20000฿ spending cash per day</li>
<li>Hotel</li>
</ul>
</div>
</div>
</div>
</body>
</html>