Untitled

dabblet.css

.container {
  width: 400px;
  margin: 200px auto;
}

button {
  padding: 10px 19px;
  font-size: 17px;
  line-height: 1.471;
  border-radius: 6px;
  color: #ffffff;
  background-color: #3498db;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
}

input {
  border: 2px solid #000;
  color: #34495e;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.567;
  padding: 8px 12px;
  border-radius: 6px;
  box-shadow: none;
  vertical-align: middle;
}

input:focus{
  outline: 0;
}

dabblet.html

<div class="container">
<img src="https://lh4.googleusercontent.com/-xcoUZc0Sz8E/UvPUjj_O58I/AAAAAAAAAMk/KnxxTM9wTNs/w426-h237/lunchboxe.png">
<form>
  <input type="text" placeholder="your email :)">
  <button>Sign Up</button>
</form>

dabblet.js

// alert('Hello world!');

settings.json

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