-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (97 loc) · 3.9 KB
/
index.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
<!DOCTYPE html>
<head>
<meta charset='utf-8'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<title>Great British Travel Agents | St Mary's CE, Rochdale</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper">
<div class="banner">
<img src="great-british-travel-agents.jpg" />
</div>
<div class="nav">
<ul>
<li><a href="index.html" style="color: #72ccfd;">Home</a></li>
<li><a href="useful-links.html">Useful Links</a></li>
<li><a href="about-us.html">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="content">
<div class="main-left">
<h1>Great British Travel Agents</h1>
<h2>Where would you like to go?</h2>
<ul class="destinations">
<li><a href="#1">Stonehenge</a></li>
<li><a href="#2">London</a></li>
<li><a href="#3">Hollingworth Lake</a></li>
<li><a href="#4">Loch Ness</a></li>
<li><a href="#5">Blackpool</a></li>
<li><a href="#6">Hadrian's Wall</a></li>
<li><a href="#7">Liverpool</a></li>
<li><a href="#8">Stratford</a></li>
<li><a href="#9">Brighton</a></li>
<li><a href="#10">Llandudno</a></li>
<li><a href="#11">Ben Nevis</a></li>
</ul>
</div>
<div class="main-right">
<div class="map">
<img src="map.png" />
<a href="#" class="marker" onclick="return false;" id="stonehenge"> <span><p>Stonehenge</p></span></a>
<a href="#" class="marker" onclick="return false;" id="london"> <span><p>London</p></span></a>
<a href="#" class="marker" onclick="return false;" id="hollingworthlake"> <span><p>Hollingworth Lake</p></span></a>
<a href="#" class="marker" onclick="return false;" id="lochness"> <span><p>Loch Ness</p></span></a>
<a href="#" class="marker" onclick="return false;" id="blackpool"> <span><p>Blackpool</p></span></a>
<a href="#" class="marker" onclick="return false;" id="hadrianswall"> <span><p>Hadrian's Wall</p></span></a>
<a href="#" class="marker" onclick="return false;" id="liverpool"> <span><p>Liverpool</p></span></a>
<a href="#" class="marker" onclick="return false;" id="stratford"> <span><p>Stratford</p></span></a>
<a href="#" class="marker" onclick="return false;" id="brighton"> <span><p>Brighton</p></span></a>
<a href="#" class="marker" onclick="return false;" id="llandudno"> <span><p>Llandudno</p></span></a>
<a href="#" class="marker" onclick="return false;" id="bennevis"> <span><p>Ben Nevis</p></span></a>
</div>
</div>
</div>
<div class="content">
<div class="destination-info" id="1">
<h2>Stonehenge</h2>
</div>
<div class="destination-info" id="2">
<h2>London</h2>
</div>
<div class="destination-info" id="3">
<h2>Hollingworth Lake</h2>
</div>
<div class="destination-info" id="4">
<h2>Loch Ness</h2>
</div>
<div class="destination-info" id="5">
<h2>Blackpool</h2>
</div>
<div class="destination-info" id="6">
<h2>Hadrian's Wall</h2>
</div>
<div class="destination-info" id="7">
<h2>Liverpool</h2>
</div>
<div class="destination-info" id="8">
<h2>Stratford</h2>
</div>
<div class="destination-info" id="9">
<h2>Brighton</h2>
</div>
<div class="destination-info" id="10">
<h2>Llandudno</h2>
</div>
<div class="destination-info" id="11">
<h2>Ben Nevis</h2>
</div>
</div>
<div class="footer">
<p>© 2015 Year 6, St Mary's CE, Rochdale</p>
</div>
</div>
</body>