Connect Tees Valley - Journey Planner Widget

To use this widget, select either the simple widget or the advanced widget and copy the relevant code and paste it into your website in the desired location.
To copy the code press Ctrl+C for windows and CMD+C for Macs.

Simple Widget

<link href="http://www.connectteesvalley.com/widget/widget.css" rel="stylesheet" type="text/css" media="all" />
<form method="post" action="http://www.connectteesvalley.com/jplanner1.asp" target="_blank" class="widget">
	<div class="pd">
		<div class="jpheader">journey planner</div>

Advanced Widget

<table cellpadding="2" cellspacing="0" border="0" id="tabmodes">
			<tr>
				<td width="46"><img src="http://www.connectteesvalley.com/widget/iconmode_walk.gif" alt="Walk" width="24" height="24" /></td>
				<td width="46"><img src="http://www.connectteesvalley.com/widget/iconmode_cycle.gif" alt="Cycle" width="24" height="24" /></td>
				<td width="46"><img src="http://www.connectteesvalley.com/widget/iconmode_car.gif" alt="Car" width="24" height="24" /></td>
				<td width="46"><img src="http://www.connectteesvalley.com/widget/iconmode_public.gif" alt="Public Transport" width="24" height="24" /></td>
			</tr>
			<tr>
				<td><input type="checkbox" name="modewalk" alt="walking mode" value="1" /></td>
				<td><input type="checkbox" name="modecycle" alt="cycling mode" value="1" /></td>
				<td><input type="checkbox" name="modecar" alt="driving mode" value="1" /></td>
				<td><input type="checkbox" name="modepublic" alt="public transport mode" value="1" /></td>
			</tr>
			<tr>
				<td>Walking</td>
				<td>Cycling</td>
				<td>Car</td>
				<td>Public Transport</td>
			</tr>
		</table>