2 col template

1 column for the main content and a sidebar for some complementary content about the main content.

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>...</head>
<body>
	<header class="site-header">...</header>
	<main class="main-container">
		<div class="main-content">
			<div class="container">
				<div class="grid">
					<div class="col-8">
						<!-- or any other .col-X -->
					</div>
					<div class="col-6">
						<!-- or any other .col-X -->
					</div>
				</div>
			</div>
		</div>
	</main>
</body>
</html>