<div class="container">
	<div class="row">
		<div class="col-lg-4">
			{{ apos.area(data.widget, "areaLeft", {
			widgets: {
				'apostrophe-images': {size: 'one-half'},
				'apostrophe-rich-text': {
					toolbar: ['Styles', 'Bold', 'Italic', 'Link', 'Unlink', 'Anchor', 'Table', 'BulletedList', 'Blockquote', 'Strike', 'Subscript', 'Superscript', 'Split'],
					styles: [
						{name: 'Paragraph', element: 'p'},
						{name: 'Topic Paragraph', element: 'p', attributes: {class: "indent"} },
						{name: 'Heading 2', element: 'h2'},
						{name: 'Heading 3', element: 'h3'},
						{name: 'Heading 4', element: 'h4'},
						{name: 'Heading 5', element: 'h5'},
						{name: 'highlighted', element: 'div', attributes: {class: "highlighted"} }
					]
				},
				'apostrophe-files': {}
			}
		}) }}
		</div>
		<div class="col-lg-8">
			{{ apos.area(data.widget, "areaRight", {
			widgets: {
				'apostrophe-images': {size: 'full'},
				'apostrophe-rich-text': {
					toolbar: ['Styles', 'Bold', 'Italic', 'Link', 'Unlink', 'Anchor', 'Table', 'BulletedList', 'Blockquote', 'Strike', 'Subscript', 'Superscript', 'Split'],
					styles: [
						{name: 'Paragraph', element: 'p'},
						{name: 'Heading 2', element: 'h2'},
						{name: 'Heading 3', element: 'h3'},
						{name: 'Heading 4', element: 'h4'},
						{name: 'Heading 5', element: 'h5'}
					]
				},
				'apostrophe-files': {}
			}
		}) }}
		</div>
	</div>
</div>
