-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
241 lines (198 loc) · 7.75 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
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
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>M25 Cobham - Home Page</title>
<!-- Motorway Official Icon -->
<link href="images/UK-Motorway-Site_Icon.ico" rel="shortcut icon">
<!-- Main Website Layout CSS -->
<link href="styles/StyleSheet-Layout.css" rel="stylesheet" type="text/css">
<!-- Fancy Box ~ Pop up window CSS -->
<link href="js/fancy-box/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css">
<style type="text/css">
.fancybox img {
display: block;
float: left;
border-radius: 2px;
background: #102126;
border: 1px solid #102126;
width: 630px;
height: 400px;
margin-top:35px;
margin-right: 4px;
margin-left: 4px;
}
</style>
<!-- Twitter Widgets Javascript Snippets -->
<script>
! function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
<script>
! function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script><!-- Add jQuery library for Highlight Function -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<!-- Add jQuery library for Fancy Image Container -->
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
<body>
<!-- site wrapper starts -->
<div id="wrapper">
<div id="header">
<form action="" id="search" method="get" name="search">
<input id="text-search" maxlength="120" name="q" placeholder=
"Search our website" size="40" type="text">
</form>
<a href="./index.html" id="logo"></a>
<div id="banner">
<p>M25 Cobham Services</p>
</div>
<div id="topnav">
<ul>
<li style="background-image:url(images/btnHome.png);">
<a href="./index.html">Home</a>
</li>
<li>
<a href="html_sites/accommodation.html">Accommodation</a>
</li>
<li>
<a href="html_sites/facilities.html">Facilities</a>
</li>
<li>
<a href="html_sites/find_us.html">Find Us</a>
</li>
<li>
<a href="html_sites/contact_us.html">Contact Us</a>
</li>
</ul>
</div>
</div>
<div id="ColMainContent0">
<div id="IntroText">
<h1>Welcome to Cobham Services,</h1>
<p>This branch is part of a series of new openings in the county of
Surrey, situated on the M25 between junctions 9 and 10. It was
inaugurated on the 13th September 2012, and was designed to give customers
the ideal space to relax, and allow them to enjoy an extensive line-up
of food and retail outlets, which were made available, by the generous
funding of Extra MSA Services Ltd, who is one of the fastest developing
service station operator, that works widely and grows rapidly
throughout various regions across UK.</p>
<a class="fancybox" href="images/Extra-MSA-Group.jpg" title=
"Cobham Services - M25"><img alt="CobhamServiceStationPic" src=
"images/Extra-MSA-Group.jpg"></a>
</div>
</div>
<div id="ColTwitter">
<h2>Live Feeds</h2>
<p>Stay Tuned for our latest information and traffic updates
<strong>⇩</strong></p>
<a class="twitter-timeline" data-chrome="nofooter" data-dnt="true"
data-link-color="#55acee" data-widget-id="461033358982537216" href=
"https://twitter.com/search?q=%23M25">Tweets about "#M25"</a> <a class=
"twitter-timeline" data-chrome="nofooter" data-dnt="true"
data-link-color="#55acee" data-widget-id="461038934022049793" href=
"https://twitter.com/HAtraffic_seast">Tweets by @HAtraffic_seast</a>
</div>
</div>
<!-- site wrapper ends -->
<div id="footer">
<div id="footer-inner-left">
<p> ©2014 Motorway Services Online, All Rights Reserved.<br>
Website By: Andrea Enning</p>
</div>
<div id="footer-inner-right">
<h2>Follow us on:</h2>
<a href="http://www.youtube.com/user/HighwaysAgency/search?query=M25" title="Highways Agency - M25 Video Documentation" target="_blank">
<div class="Youtube">
</div>
</a>
<a href="https://twitter.com/search/?q=%23M25" title="Twitter #M25" target="_blank">
<div class="Twitter">
</div>
</a>
<a href="https://www.facebook.com/pages/Cobham-Services/478668838833682" title="Facebook Official Page" target="_blank">
<div class="Facebook">
</div>
</a>
<a href="https://foursquare.com/v/extra-services-cobham/5124aa63d63e8c99b7feb9ac" title="Fourquare - Discover New Places" target="_blank">
<div class="Foursquare">
</div>
</a>
<a href="https://plus.google.com/117530011481998598526/about" title="Google+ - Days Inn Cobham M25" target="_blank">
<div class="GooglePlus">
</div>
</a>
</div>
</div>
<script src="js/highlight.js" type="text/javascript"></script>
<!-- Javascript to clear search box's text when the field is clicked etc -->
<script type="text/javascript">
$(function () {
$('#text-search').bind('keyup change', function (ev) {
// pull in the new value
var searchTerm = $(this).val();
// remove any old highlighted terms
$('body').removeHighlight();
// disable highlighting if empty
if (searchTerm) {
// highlight the new term
$('body').highlight(searchTerm);
}
});
});
</script>
<script src="js/fancy-box/source/jquery.fancybox.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(".fancybox").fancybox({
padding: 0,
margin: 20,
fitToView: 'true',
openEffect: 'elastic',
nextEffect: 'none',
prevEffect: 'none',
autoCenter: true,
afterLoad: function () {
$.extend(this, {
aspectRatio: false,
type: 'html',
width: '100%',
height: '100%',
content: '<div class="fancybox-image" style="background-image:url(' + this.href + '); background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%;" /><\/div>'
});
},
afterShow: function () {
$(".fancybox-title").wrapInner('<div />').show();
$(".fancybox-wrap").hover(function () {
$(".fancybox-title").show();
}, function () {
$(".fancybox-title").hide();
});
},
helpers: {
title: {
type: 'over'
}
}
});
</script>
</body>
</html>