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
Rerun