-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathaboutus.html
100 lines (92 loc) · 4.06 KB
/
aboutus.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
<!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: 70%;
height: 100%;
background-color: beige;
}
#body {
height: 500px;
}
</style>
</head>
<body>
<div id="header">
<div style="width: 50px; height: 50px;" onmouseover="openL('LMenu')" onmouseout="closeL('LMenu'); closeL('photoBox'); closeL('BoxImage');">
<li>Locations</li>
</div>
</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">
<h2> About Us</h2>
<div style="display: inline-block">
<h4>The Team</h4>
<ul style="line-height: 3em;">
<li>Project Leader and Writer: Maxwell Spies</li>
<li>Lead Programmer: David Russ</li>
<li>Lead Planner and Destination Coordinator: Talyah Fogle </li>
<li>Presentation designer and Image Coordinator: Caryn Scandlon</li>
</ul>
</div>
<div style="float: right; width: 40%">
<h4 >Contact and Purchasing</h4>
<ul style="line-height: 1.5em">
<li> Phone number: 1-(800)-get-away</li>
<li> Purchasing Email: <a href="mailto:[email protected]">[email protected]</a></li>
<li> Questions Email: <a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
<h4>Our Mission</h4>
<p>We set out to create a travel agency in which you can explore some of the most amazing, beautiful places in the world. We offer competitive pricing and great planning. We hope you enjoy our services and make us your first stop for vacations and amazing get aways.</p>
</div>
</body>
</html>