diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg
diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf
diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff
diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2
diff --git a/fonts/melbourne-bold.eot b/fonts/melbourne-bold.eot
diff --git a/fonts/melbourne-bold.svg b/fonts/melbourne-bold.svg
diff --git a/fonts/melbourne-bold.ttf b/fonts/melbourne-bold.ttf
diff --git a/fonts/melbourne-bold.woff b/fonts/melbourne-bold.woff
diff --git a/fonts/melbourne-bold.woff2 b/fonts/melbourne-bold.woff2
diff --git a/fonts/melbourne-light.eot b/fonts/melbourne-light.eot
diff --git a/fonts/melbourne-light.svg b/fonts/melbourne-light.svg
diff --git a/fonts/melbourne-light.ttf b/fonts/melbourne-light.ttf
diff --git a/fonts/melbourne-light.woff b/fonts/melbourne-light.woff
diff --git a/fonts/melbourne-light.woff2 b/fonts/melbourne-light.woff2
diff --git a/fonts/melbourne-regular.eot b/fonts/melbourne-regular.eot
diff --git a/fonts/melbourne-regular.svg b/fonts/melbourne-regular.svg
diff --git a/fonts/melbourne-regular.ttf b/fonts/melbourne-regular.ttf
diff --git a/fonts/melbourne-regular.woff b/fonts/melbourne-regular.woff
diff --git a/fonts/melbourne-regular.woff2 b/fonts/melbourne-regular.woff2
diff --git a/img/kraken-bg-full.svg b/img/kraken-bg-full.svg
diff --git a/img/logo.svg b/img/logo.svg
diff --git a/img/nav-bg.svg b/img/nav-bg.svg
diff --git a/index.html b/index.html
@@ -1,10 +1,52 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-        <title>Untitled Document</title>
-    </head>
-
-    <body>
-    </body>
-</html>
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="Modular synthesis components and accessories.">
+		<meta name="keywords" content="black market modular, colour palette, modular synthesis, Buchla, Eurorack, synths, effects, oscillator, VCA, LFO, envelope, filter, sequencer">
+		<title>Black Market Modular</title>
+		<!-- <link rel="shortcut icon" href="img/favicon.ico?v=2" type="image/x-icon"> -->
+		<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
+		<script type="text/javascript" src="js/backstretch.js"></script>
+
+		<link rel="stylesheet" href="css/normalize.min.css" />
+		<link rel="stylesheet" href="css/typography.css" />
+		<link rel="stylesheet" href="css/main.css" />
+		<!-- <link rel="stylesheet" href="css/mediaqueries.css" /> -->
+	</head>
+	<body class="bg-dk-gradient">
+		<div id="main-wrapper">
+			<div id="navigation">
+				<div id="desktop-nav-wrapper">
+					<div id="small-logo"></div>
+					<nav id="desktop-nav">
+	 					<ul>
+							<li class="led green-led"><a href="">home</a></li>
+							<li class="led"><a href="#colour-palette">colour palette</a></li>
+							<li class="led"><a href="">colours</a></li>
+							<li class="led"><a href="">cases</a></li>
+							<li class="led"><a href="">cables</a></li>
+							<li class="led"><a href="">downloads</a></li>
+							<li class="led"><a href="">company</a></li>
+							<li class="led"><a href="http://dev.shop.blackmarketmodular.com/" target="_blank">shop</a></li>
+							<li class="icon-link"><a class="fa fa-envelope-o" href="mailto:info@blackmarketmodular.com"></a></li>
+							<li class="icon-link"><a class="fa fa-facebook-official" href="https://www.facebook.com/blackmarketmodular" target="_blank"></a></li>
+						</ul>
+					</nav>
+				</div>
+			</div>
+			<section class="page kraken-bg" id="home">
+				<!-- <img src="../img/kraken-bg.svg"> -->
+				<!-- <div id="logo"></div> -->
+			</section>
+			<section class="page" id="colour-palette">
+				<p>cp</p>
+			</section>
+		</div>
+		<script type="text/javascript">
+			$("#home").backstretch("img/kraken-bg-full.svg")
+		</script>
+	</body>
+</html>
diff --git a/js/backstretch.js b/js/backstretch.js
diff --git a/js/jquery-1.11.3.min.js b/js/jquery-1.11.3.min.js