HEADER

dabblet.css

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
	margin: 0;
	font-family: "Open Sans";
}
body {
	margin: 0;
}
#wrapper {
	padding: 5% 20%;
	max-width: 100%;
}
/* HEADER */
header #wrapper {
	font-family: "Oswald";
	text-align: center;
	background: url("https://www.icloud.com/wm/messagepart/064.JPG?guid=messagepart%3AINBOX%2F6862-3&type=image%2Fjpeg&uniq=opope&name=064.JPG&proxyDest=p02-mailws&partition=p02&inline=yes") no-repeat;
	background-size: cover;
	min-height: 0;
}
header img {
	margin-top: 20px;
}
header h1, h2 {
	font-weight: 300;
	text-transform: uppercase;
	color: #e3170d;
	text-shadow: 1px 1px #cc140b;
}
header h1 {
	font-size: 5em;
	line-height: 10px;
}
header h2 {
	font-size: 3.1em;
	line-height: 10px;
	color: #e3170d;
}
#social iframe {
	display: inline;
	position: relative;
	border: 0;
	height: 20px;
	width:100px;
}

/* ABOUT */
#about {
	font-family: "Merriweather";
	margin: 3em 20%;
	color: #030303;
}
#about h1 {
	font-weight: 700;
}
#about p {
	font-size: 18px;
}

/* CONTACT */
#contact #wrapper {
	background: #4e78a0;
}
#contact {
	color: #fff; 
}
a {
	color: #fff;
	text-decoration: none;
	padding-bottom: .2em;
	transition: .5s all;
}
a:hover {
	border-bottom: 3px solid;
}
#content h1, a, h2 {
	text-shadow: 0px 0px #cc140b;
	color: #fff;
	font-weight: 700;
}

dabblet.html

<header>
	<div id="wrapper">
		<h1>Gallery on the Alley</h1>
		<h2>Celebrating Fine art and Design</h2>
		<div id="social">
			<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FGalleryOnTheAlley&width&layout=button_count&action=like&show_faces=false&share=false&height=21&appId=183398518524066" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
			<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=GalleryontheNet" style="width:300px; height:20px;"></iframe>
		</div>
	</div>
</header>
<div id="about">
	<div id="wrapper">
	</div>
</div>
<div id="contact">
	<div id="wrapper">
		<h1>Contact</h1>
		<h2><small>Call Us At<br></small>(269) 983-6261</h2>
		<h2><small>Visit Us At <br></small> 611 Broad Street, Saint Joseph, MI</h2>
		<h2><small>Like Us At <br></small> <a href="//fb.me/GalleryOnTheAlley">fb.me/GalleryOnTheAlley</a></h2>
		<h2><small>Follow Us At <br></small> <a href="//twitter.com/GalleryontheNet">@GalleryontheNet</a></h2>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"110","seethrough":"","prefixfree":"1","page":"css"}