<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>Curate ♫ | Prototype</title>
	<link rel="stylesheet" href="curate.css">
	<script src="script.js"></script>
</head>
<body>
	<!-- First Page -->
	<div>
	
	<h1>Canvas 1 - Intro Animations <br> Hit Refresh for Animation Replay.</h1>

	<section>
		<header>
			<img src="http://lorinsteel.com/blog/wp-content/uploads/2014/11/iOS-8-Status-Bar-01.png" alt="iOS 8 Status Bar">			
		</header>
		<main>			
			<img src="assets/logo.png" alt="">
			<img src="assets/bg1.png" alt="">
			<div>
				<img src="assets/albums1.png" alt="">
				<img src="assets/albums2.png" alt="">
			</div>
			<aside>
				<p>Feel like savoring <br> these dishes, fam?  &UpperRightArrow; </p>
				<br>
				<hr>
				<div></div>
				<br>
				<br>
				<img src="assets/icon.png" alt="">				
				<p>"you got flavor, boi"</p>
			</aside>
		</main>
	</section>
	</div>
	<!-- Second Page -->
	<div>

	<h1>Canvas 2 - Bot Function <br> Hit Refresh for Animation Replay.</h1>

	<section>
		<header>
			<img src="http://lorinsteel.com/blog/wp-content/uploads/2014/11/iOS-8-Status-Bar-01.png" alt="iOS 8 Status Bar">					
		</header>
		<main>			
			<img src="assets/logo.png" alt="">
			<aside>
				<p>Forget Kansas yet?<br> Here's Portugal in an <br> acoustic nutshell &LowerRightArrow; </p>
				<img src="assets/icon.png" alt="">
				<br>
				<hr>
				<div></div>
				<p>start speaking or type</p>
				<p>"I miss home, toto."</p>
				<p>Alright, here's what's <br> lit back in Topeka. &LowerRightArrow;</p>				
			</aside>
			<img src="assets/suggestion.png" alt="">
			<img src="assets/new_suggestion_albums.png" alt="">
			<img src="assets/new_suggestion_bg.png" alt="">	
		</main>
		<img src="assets/keyboard.png" alt="">
	</section>
	</div>
	<!-- Third Page -->
	<div>

	<h1>Canvas 3 - Navigation <br> Hit Refresh for Animation Replay.</h1>

	<section>
		<header>
			<img src="http://lorinsteel.com/blog/wp-content/uploads/2014/11/iOS-8-Status-Bar-01.png" alt="iOS 8 Status Bar">			
		</header>
		<main>			
			<aside>
				<p>“ You might fall in love with pop duo Nuremburg’s silky synths -- a velvety vocal debut. ”</p>
				<p>- Variety, 2016</p>
				<img src="assets/icon.png" alt="">
			</aside>
			<img src="assets/logo.png" alt="">
			<img src="assets/album_bg.png" alt="">
			<img src="assets/album_nav.png" alt="">
		</main>
		<main>
			<img src="assets/player.png" alt="">
			<img src="assets/waveform.png" alt="">
			<img src="assets/player_bg.png" alt="">
			<img src="assets/player_suggest.png" alt="">
		</main>
		<main>
			<img src="assets/suggestion_bot.png" alt="">
			<img src="assets/suggestion_album.png" alt="">
		</main>
	</section>
	</div>
</body>
</html>