GenX Landing Page

dabblet.css

/**
 * GenX Landing Page
 */

@import url(http://fonts.googleapis.com/css?family=Raleway);

html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #0DC9F7;
	font-family: sans-serif;
	margin: 0;
	padding: 0;	
}

h1 {
	margin: 0;
}

.navigation-link {
	color: #69d2e7;
	text-decoration: none;
	text-transform: uppercase;
}

#header {
	display: flex;
	height: 5em;
}
#logo {
	color: #FFF;
	display: inline-block;
	flex: 1 1 30%;
}
#navigation {
	flex: 1 1 70%;
	text-align: right;
}

dabblet.html

<header id="header">
	<h1 id="logo">Gen X Group</h1>
	<nav id="navigation">
		<a class="navigation-link" href="#">Over ons</a>
		<a class="navigation-link" href="#">Contact</a>
	</nav>
</header>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}