index.php

<?php include( 'header.php' ); ?>
<div class='bg'>
</div>
<section class='step0 full-hw'>
	<div class='content-size'>
		<p>Libraries, CD trays, DVD shelves in our homes are disappearing</p>
	</div>
</section>
<section class='step1 full-hw'>
	<div class='content-size'>
		<p>We want to replace them</p>
	</div>
</section>
<section class='step2 full-hw'>
	<div class='content-size'>
		<ol>
			<li>Connect your media services <br />
			<img class='logo-media' src='img/spotify.png' alt='Spotify' />
			<img class='logo-media' src='img/grooveshark.png' alt='Grooveshark' />
			<img class='logo-media' src='img/lastfm.png' alt='Last FM' />
			<img class='logo-media' src='img/googleplay.png' alt='Google Play' />
			<img class='logo-media' src='img/netflix.png' alt='Netflix' />
			<img class='logo-media' src='img/youtube.png' alt='Youtube' />
			<img class='logo-media' src='img/kindle.png' alt='Kindle' />
<?php //			<img class='logo-media' src='img/itunes.png' alt='iTunes' /> ?>
</li>
			<li>Define a period (Ex: every month, every 3 months)</li>
			<li>Get an awesome poster of the media you consumed during this period!</li>
		</ol>
	</div>
</section>
<section class='step3 full-hw'>
	<div class='content-size'>
		<p>Get an awesome Poster every 2 months!</p><img src='img/poster.png' />
	</div>
</section>
<section class='full-hw'>
	<div id='signup'>
		<h2>Interested? Sign up!</h2>
		<input type="email" id="mail" placeholder="e-mail address">
                <button id="signup">Shoot me</button>
		<div id='feedback'></div>
	</div>
</section>
<?php include( 'footer.php' ); ?>