Ferdi/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

## dabblet.html
<html>
<head>    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" rel="stylesheet">    <style>        /* ==========================================================================Features List========================================================================== */        .features-list {            padding: 130px 0        }        .features-list h1 {            margin: 0 0 10px 0;            padding: 0;            color: #24374b;            font-size: 20px;        }        .features-list p {            margin-bottom: 20px;            color: #778899;        }        .feature-content {            display: inline-block;            margin-left: 0;            width: 65%;        }        .feature-icon {            display: inline-block;            margin-right: 25px;            width: 90px;            height: 90px;            border: solid 2px #4e9ba3;            border-radius: 50%;            vertical-align: top;            text-align: center;            font-size: 25px;            line-height: 90px;        }        .feature-icon i {            color: #4e9ba3        }    </style></head><body><section class="features-list" id="features">    <div class="container">        <div class="row">            <div class="col-md-12">                <div class="col-md-4 feature-1 wp2">                    <div class="feature-icon">                        <i class="fa fa-desktop"></i>                    </div>                    <div class="feature-content">                        <h1>Responsive</h1>                        <p>Built using HTML5/CSS3 and jQuery</p>                        <a href="http://tympanus.net/codrops/?p=22554" class="read-more-btn">Read More <i class="fa fa-chevron-circle-right"></i></a>                    </div>                </div>                <div class="col-md-4 feature-2 wp2 delay-05s">                    <div class="feature-icon">                        <i class="fa fa-flash"></i>                    </div>                    <div class="feature-content">                        <h1>Multi-Purpose</h1>                        <p>Perfect if you run your own start-up, product or service. Boxify can showcase your business converting your visits to income.</p>                        <a href="http://tympanus.net/codrops/?p=22554" class="read-more-btn">Read More <i class="fa fa-chevron-circle-right"></i></a>                    </div>                </div>                <div class="col-md-4 feature-3 wp2 delay-1s">                    <div class="feature-icon">                        <i class="fa fa-heart"></i>                    </div>                    <div class="feature-content">                        <h1>Absolutely Free</h1>                        <p>As aways, download Boxify for free exclusively from Codrops. If you love Boxify and want to thank me, simply <a href="http://peterfinlan.com/">buy me a beer</a>. </p>                        <a href="http://tympanus.net/codrops/?p=22554" class="read-more-btn">Read More <i class="fa fa-chevron-circle-right"></i></a>                    </div>                </div>            </div>        </div>    </div></section></body></html>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}
	/**
	* The first commented line is your dabblet’s title
	*/

	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;