doctype html
html(lang="en")
	head
		title Jade
		// Look at the dot after style tag bellow. The dot after a tag allows to output plain text. it is useful when writing css and javscript in html markup
		style.
			body { background-color: #f5f5f5 }
			.container {
				max-width: 500px;
				padding: 20px 40px;
				margin: 20px auto;
				background-color: #fff;
				box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
			}
	body
		.container
			h1.title Jade
			p  Jade is a terse and simple templating language with a strong focus on performance and powerful features.
		
			ul
				li Elegant and concise syntax
				li Variables, Loops & Control structure
				li Mixins
				li Template inheritance and includes
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.