.netboxes

dabblet.css

/**
 * .netboxes
 */
section {
float:left;
min-width: 300px;
width:48%;
margin-left:1%;
}
section > article {
background: #8EF;
}

dabblet.html

<!-- http://dabblet.com/gist/2890226 -->
<section>
	<article>
		<img src="http://placehold.it/300x200">
		<h1>Talks</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel urna vel dolor scelerisque sollicitudin. Nulla dolor risus, sollicitudin non facilisis a, tincidunt luctus dolor. Duis enim nisi, volutpat et tempus vel, aliquet sit amet urna. Sed sem neque, rutrum quis lacinia et, viverra at neque. Cras vel arcu mauris. Praesent vitae arcu dolor, dignissim pulvinar lectus. Duis lectus felis, blandit sit amet iaculis et, fringilla non dolor. Sed quam dui, sagittis quis convallis id, posuere non orci. Nulla sed erat velit, ac vulputate urna. Vivamus velit ipsum, aliquam eu euismod eget, pretium at sapien. Pellentesque semper pellentesque nulla, ut tristique erat volutpat vel. Phasellus pellentesque interdum luctus.

Pellentesque justo nulla, euismod imperdiet volutpat a, mollis eget dui. In hac habitasse platea dictumst. Cras bibendum orci nunc, nec aliquam lacus. In fermentum, augue et commodo varius, lorem sem accumsan eros, sit amet molestie mauris erat ut est. Vivamus malesuada nibh mauris, vitae viverra eros. Aliquam tellus leo, tempus ac congue ac, vestibulum ut erat. Vestibulum eget tortor sem, eu blandit nisl. Pellentesque congue, leo eget interdum porttitor, urna magna interdum velit, sed rhoncus velit velit in est. Cras ornare elementum enim vel interdum. Aliquam quis erat et tortor rutrum hendrerit. Ut facilisis vestibulum quam, et tincidunt tortor pharetra id. Sed euismod, lorem sed rhoncus euismod, massa dolor consectetur nisl, sed ultrices elit dui fermentum erat. Suspendisse et sapien at magna condimentum bibendum.</p></article>
</section>

<section>
	<article>
		<img src="http://placehold.it/300x200">
		<h1>Webinars</h1>

	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel urna vel dolor scelerisque sollicitudin. Nulla dolor risus, sollicitudin non facilisis a, tincidunt luctus dolor. Duis enim nisi, volutpat et tempus vel, aliquet sit amet urna. Sed sem neque, rutrum quis lacinia et, viverra at neque. Cras vel arcu mauris. Praesent vitae arcu dolor, dignissim pulvinar lectus. Duis lectus felis, blandit sit amet iaculis et, fringilla non dolor. Sed quam dui, sagittis quis convallis id, posuere non orci. Nulla sed erat velit, ac vulputate urna. Vivamus velit ipsum, aliquam eu euismod eget, pretium at sapien. Pellentesque semper pellentesque nulla, ut tristique erat volutpat vel. Phasellus pellentesque interdum luctus.

	Pellentesque justo nulla, euismod imperdiet volutpat a, mollis eget dui. In hac habitasse platea dictumst. Cras bibendum orci nunc, nec aliquam lacus. In fermentum, augue et commodo varius, lorem sem accumsan eros, sit amet molestie mauris erat ut est. Vivamus malesuada nibh mauris, vitae viverra eros. Aliquam tellus leo, tempus ac congue ac, vestibulum ut erat. Vestibulum eget tortor sem, eu blandit nisl. Pellentesque congue, leo eget interdum porttitor, urna magna interdum velit, sed rhoncus velit velit in est. Cras ornare elementum enim vel interdum. Aliquam quis erat et tortor rutrum hendrerit. Ut facilisis vestibulum quam, et tincidunt tortor pharetra id. Sed euismod, lorem sed rhoncus euismod, massa dolor consectetur nisl, sed ultrices elit dui fermentum erat. Suspendisse et sapien at magna condimentum bibendum.</p></article>
</section>

<section><article><h1>Courses</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 	Phasellus vel urna vel dolor scelerisque sollicitudin. Nulla dolor risus, sollicitudin non facilisis a, tincidunt luctus dolor. Duis enim nisi, volutpat et tempus vel, aliquet sit amet urna. Sed sem neque, rutrum quis lacinia et, viverra at neque. Cras vel arcu mauris. Praesent vitae arcu dolor, dignissim pulvinar lectus. Duis lectus felis, blandit sit amet iaculis et, fringilla non dolor. Sed quam dui, sagittis quis convallis id, posuere non orci. Nulla sed erat velit, ac vulputate urna. Vivamus velit ipsum, aliquam eu euismod eget, pretium at sapien. Pellentesque semper pellentesque nulla, ut tristique erat volutpat vel. Phasellus pellentesque interdum luctus.

	Pellentesque justo nulla, euismod imperdiet volutpat a, mollis eget dui. In hac habitasse platea dictumst. Cras bibendum orci nunc, nec aliquam lacus. In fermentum, augue et commodo varius, lorem sem accumsan eros, sit amet molestie mauris erat ut est. Vivamus malesuada nibh mauris, vitae viverra eros. Aliquam tellus leo, tempus ac congue ac, vestibulum ut erat. Vestibulum eget tortor sem, eu blandit nisl. Pellentesque congue, leo eget interdum porttitor, urna magna interdum velit, sed rhoncus velit velit in est. Cras ornare elementum enim vel interdum. Aliquam quis erat et tortor rutrum hendrerit. Ut facilisis vestibulum quam, et tincidunt tortor pharetra id. Sed euismod, lorem sed rhoncus euismod, massa dolor consectetur nisl, sed ultrices elit dui fermentum erat. Suspendisse et sapien at magna condimentum bibendum.</p></article></section>
<section>
	<article>
	<h1>Contact</h1>

	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel urna vel dolor scelerisque sollicitudin. Nulla dolor risus, sollicitudin non facilisis a, tincidunt luctus dolor. Duis enim nisi, volutpat et tempus vel, aliquet sit amet urna. Sed sem neque, rutrum quis lacinia et, viverra at neque. Cras vel arcu mauris. Praesent vitae arcu dolor, dignissim pulvinar lectus. Duis lectus felis, blandit sit amet iaculis et, fringilla non dolor. Sed quam dui, sagittis quis convallis id, posuere non orci. Nulla sed erat velit, ac vulputate urna. Vivamus velit ipsum, aliquam eu euismod eget, pretium at sapien. Pellentesque semper pellentesque nulla, ut tristique erat volutpat vel. Phasellus pellentesque interdum luctus.

	Pellentesque justo nulla, euismod imperdiet volutpat a, mollis eget dui. In hac habitasse platea dictumst. Cras bibendum orci nunc, nec aliquam lacus. In fermentum, augue et commodo varius, lorem sem accumsan eros, sit amet molestie mauris erat ut est. Vivamus malesuada nibh mauris, vitae viverra eros. Aliquam tellus leo, tempus ac congue ac, vestibulum ut erat. Vestibulum eget tortor sem, eu blandit nisl. Pellentesque congue, leo eget interdum porttitor, urna magna interdum velit, sed rhoncus velit velit in est. Cras ornare elementum enim vel interdum. Aliquam quis erat et tortor rutrum hendrerit. Ut facilisis vestibulum quam, et tincidunt tortor pharetra id. Sed euismod, lorem sed rhoncus euismod, massa dolor consectetur nisl, sed ultrices elit dui fermentum erat. Suspendisse et sapien at magna condimentum bibendum.</p>
</article>
</section>

settings.json

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