index.html

{include file='header.html'}


<main>
	<div id="backgroundmap">
		
		<div id="content">
			
			<div id="photos">
				<p><a href="/suggest/"><img src="/images/home/paris.jpg" title="Photo by Paris en Selle" /></a></p>
				<p><a href="/suggest/"><img src="/images/home/leicester.jpg" title="Photo by Leicester City Council" /></a></p>
			</div>
			
			<h1>Widen My Path</h1>
			<p>To help keep us more active, the government has announced that councils should be creating new cycleways and wider pavements for active travel.</p>
			<p>We need your help to identify where these are most needed. Add your idea!</p>
			
			<p id="where">Where are cycleways and wider pavements for active travel needed?</p>
			<div id="geocoder">
				<img class="geolocation" src="/images/gps.png" />
				<input type="search" name="location" autocomplete="off" placeholder="Search for place or postcode" tabindex="1" spellcheck="false" />
			</div>
			<p id="browsemap"><a href="/suggest/">Or browse the map &#x27f4;</a></p>

		</div>
		
	</div>
	
	{$feedback}
	
</main>

		

<nav>

	<div id="homepages">
		
		<h2><a href="/areas/">Pages for every Council area</a></h2>
		<p>There's a homepage for every Council area of the UK:</p>
		
		<p><a href="/areas/">Area homepages &#x27f4;</a></p>
		<!--<p><a href="/suggest/">Browse the UK map &#x27f4;</a></p>-->
		
		<br />
		<h2><a href="/about/">About<br />Widen My Path</a></h2>
		<p><a href="/about/">About the site &#x27f4;</a></p>
		
		<div id="socialmedia">
			<p>
				Follow us:
				<a href="https://twitter.com/widenmypath"><img src="/images/twitter.png" alt="Twitter" /></a>
				<a href="https://www.facebook.com/widenmypath"><img src="/images/facebook.png" alt="Facebook" /></a>
				<a href="https://www.instagram.com/widenmypath"><img src="/images/instagram.svg" alt="Instagram" class="instagram" /></a>
			</p>
		</div>
		
	</div>
	
</nav>


{include file='footer.html'}