halfnibble/template_example.html

## template_example.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        .wrapper {
            width: 900px;
            margin: 0 auto;
        }
        .left-bar {
            width: 30%;
            padding: 20px;
            float: left;
            border: 1px solid #000;
            box-sizing: border-box;
        }
        .left-bar h4 {
            font-size: 1.6em;
            color: red;
        }
        .content {
            width: 69.999%;
            padding: 20px;
            float: right;
            border: 1px solid #000;
            box-sizing: border-box;
        }
        .content h2 {
            color: blue;
        }
        .content p {
            color: red
        }
    </style>
</head>
<body>

    <div class="wrapper">
        <div class="left-bar">
            <h4>Title title</h4>
        </div>
        <div class="content">
            {% placeholder "content" %}
        </div>
    </div>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<style type="text/css">
	.wrapper {
	width: 900px;
	margin: 0 auto;
	}
	.left-bar {
	width: 30%;
	padding: 20px;
	float: left;
	border: 1px solid #000;
	box-sizing: border-box;
	}
	.left-bar h4 {
	font-size: 1.6em;
	color: red;
	}
	.content {
	width: 69.999%;
	padding: 20px;
	float: right;
	border: 1px solid #000;
	box-sizing: border-box;
	}
	.content h2 {
	color: blue;
	}
	.content p {
	color: red
	}
	</style>
	</head>
	<body>

	<div class="wrapper">
	<div class="left-bar">
	<h4>Title title</h4>
	</div>
	<div class="content">
	{% placeholder "content" %}
	</div>
	</div>

	</body>
	</html>