Untitled

dabblet.css

input {
	border-radius: 5px;
	border: 1px solid #cccccc;
}

#name, #email {
	width: 86%;
}

#you, #songs {
	width: 100%;
	height: 100px;
}

#file, #sample {
	width: 100%;
}

#submit {
	float: right;
	width: 100px;
	height: 50px;
	color: white;
	background-color: #cccccc;
	border-radius: 5px;
	border: none;
	font-family: "Helvetica";
	font-size: 18px;
}

#box {
	width: 500px;
	height: 700px;
	background-image: url("http://subtlepatterns.com/patterns/subtle_dots.png");
	margin: 0 auto;
	border: 5px solid #cdecfc;
	border-radius: 20px;
}

#imghead {
	width: 400px;
	margin: 10px 50px 10px 50px;
}

#imghead img{
	width: 100%;
}

#content {
	width: 400px;
	margin: 50px 50px 10px 50px;
	font-family: "Helvetica";
}

dabblet.html

<div id="box">
	<div id="imghead"><img src="https://www.box.com/shared/static/2h8c9s5kbc0vkgjeshly.jpg" /></div>
	<div id="content">
		<label>NAME </label><input type="text" id="name" name="name"></input> </br>
		<label>EMAIL </label><input type="text" id="email" name="email"></input></br></br>
		<label>Tell us about yourself...</br>
		<input type="text" id="you" name="you"></input></br></br>
		<label>Songs you've played on repeat this week...</br>
		<input type="text" id="songs" name="songs"></input></br></br>
		<label>Resume</label></br> <input TYPE="file" id="file" name="file" ALLOW="text/*" ></br></br>
		<label>Writing Samples</label></br> <input TYPE="file" id="sample" name="sample" ALLOW="text/*" ></br></br>
		<button id="submit" name="submit">SUBMIT</button>

	</div>
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}