-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (158 loc) · 5.97 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
<!DOCTYPE html>
<html lang='en'>
<head>
<link rel="stylesheet" href="./signs.css" />
</head>
<body>
<div class="sign motorway">
<div class="sign-section">
<div class="road-name">M6</div>
<div class="text">The NORTH</div>
<ul class="distances">
<li>Preston<div class="dist">1½</div></li>
<li>Blackpool<div class="dist">15</div></li>
</ul>
</div>
</div>
<div class="sign motorway">
<div class="sign-section directional icon-left">
<span class="symbol motorway icon-left"></span>
<div class="text">Shrewsbury</div>
<div class="road-name"><span class="subsign junction">21</span> M1</div>
</div>
</div>
<div class="sign motorway">
<div class="sign-section">
<div class="text">Tiredness can kill<br />Take a break</div>
</div>
</div>
<div class="sign motorway">
<div class="sign-section">
<div class="text"><span class="road-name">A 404 </span>Marlow</div>
<div class="text text_symbol">$</div>
</div>
</div>
<div class="sign motorway">
<div class="sign-section">
<div class="text">The NORTH WEST, Preston, Lancaster <span class="road-name">M6</span><span class="text_symbol">§</span></div>
</div>
</div>
<div class="sign motorway">
<div class="sign-section">
<div class="text"><span class="text_symbol">#</span> M'chester, <span class="symbol airport"></span> <span class="road-name">M6</span></div>
</div>
</div>
<div class="sign motorway">
<div class="sign-section">
<div class="text"><span class="text_symbol">+</span> B'ham <span class="road-name">M6</span></div>
</div>
</div>
<div class="sign motorway">
<div class="sign-section">
<div class="text"><span class="text_symbol"><</span> Leeds <span class="road-name">M4</span></div>
</div>
</div>
<div class="sign motorway">
<div class="sign-section">
<div class="text">Preston (North) <span class="road-name">M6</span> <span class="text_symbol">></span></div>
</div>
</div>
<div class="sign motorway">
<div class="sign-section">
<div class="text"><span class="text_symbol">+</span> Plymouth <span class="road-name">M5</span></div>
</div>
</div>
<div class="sign primary">
<div class="sign-section">
<div class="road-name">A 46</div>
<div class="text">The SOUTH</div>
<ul class="distances">
<li>Nottingham<div class="dist">17</div></li>
<li>Leicester<div class="dist">32</div></li>
<li><span class="subsign motorway">(M1 South)</span><div class="dist">35</div></li>
</ul>
</div>
<div class="sign-section">
<div class="subsign attraction">Steam railway</div>
</div>
</div>
<div class="sign primary">
<div class="sign-section">
<div class="title">Edgebold<br />Crossroads</div>
</div>
<div class="sign-section icon-left">
<span class="icon-left symbol none text_symbol">§</span>
<ul class="distances">
<li>Westbury<div class="dist"><span class="road-name">A 11</span></div></li>
<li>Brockton<div class="dist"><span class="subsign motorway">(M 11)</span></div></li>
</ul>
</div>
<div class="sign-section">
<span class="text_symbol"><</span>
<div class="subsign local">Wem <span class="road-name">A 1786</span></div>
</div>
<div class="sign-section">
<div class="subsign local">Aston <span class="road-name">A 1885</span></div>
<span class="text_symbol">></span>
</div>
</div>
<div class="sign primary">
<div class="sign-section">
<div class="text"><span class="text_symbol"><</span> <span class="subsign local">Maplebeck</span></div>
</div>
</div>
<div class="sign local">
<div class="sign-section">
<div class="text"><span class="text_symbol"><</span> Milport <span class="road-name"><span class="subsign primary">(A112)</span></span></div>
</div>
</div>
<div class="sign local">
<div class="sign-section">
<div class="text">Bere Alston</div>
</div>
<div class="sign-section">
<ul class="distances">
<li>Milton Combe</li>
<li>Lopwell</li>
<li>Maristow</li>
<li><div class="subsign attraction icon-left"><span class="symbol zoo icon-left"></span>Nature<br />reserve</div></li>
</ul>
</div>
</div>
<div class="sign local">
<div class="sign-section">
<div class="title">Spaghetti<br />Junction</div>
</div>
<div class="sign-section">
<ul class="distances">
<li>Nottingham<div class="dist">17</div></li>
<li>Leicester<div class="dist">32</div></li>
<li><span class="subsign motorway">(M1 South)</span><div class="dist">35</div></li>
</ul>
<div class="road-name">A404<span class="subsign primary">(A41)</span></div>
</div>
</div>
<div class="sign attraction">
<div class="sign-section directional icon-left icon-right">
<span class="symbol none icon-left"><span class="text_symbol"><</span></span>
<span class="symbol house icon-right"></span>
<div class="text">Buckland<br />Abbey</div>
</div>
</div>
<div class="sign attraction">
<div class="sign-section">
<div class="text">Buckland Abbey</div>
<div class="text"><span class="symbol castle"></span> <span class="symbol zoo"></span> <span class="symbol house"></span> <span class="symbol historic"></span></div>
<div class="subsign motorway"><span class="symbol parking"></span></div>
</div>
</div>
<div class="sign attraction">
<div class="sign-section">
<div class="text">Winford Cross <span class="text_symbol">></span></div>
<div class="text"><span class="symbol info"></span> <span class="symbol bed"></span> <span class="symbol castle"></span> <span class="symbol house"></span></div>
<div class="text">Hotel and B & B</div>
<div class="subsign motorway"><span class="symbol parking"></span> <span class="symbol bus"></span></div>
</div>
</div>
</body>
</html>