---
layout: default
---

<section class="py-5">
	<div class="container px-5">
		<div class="row">
			<div class="col-lg-10 order-lg-2">
				<h1 class="mb-4">{{ page.title }}</h1>
				
				<div class="post-content">
					{{ content }}
				</div>
			</div>
			<div class="col-lg-2 order-lg-1">
				<ul class="nav flex-column">
					<li class="nav-item"><a class="nav-link px-0" href="{{ site.baseurl }}/docs/about.html">About OpenTally</a></li>
					<li class="nav-item"><a class="nav-link px-0" href="{{ site.baseurl }}/docs/quick-start.html">Quick start guide</a></li>
					<li class="nav-item"><a class="nav-link px-0" href="{{ site.baseurl }}/docs/options.html">Advanced options</a></li>
					<li class="nav-item"><a class="nav-link px-0" href="{{ site.baseurl }}/docs/glossary.html">Glossary</a></li>
				</ul>
			</div>
		</div>
	</div>
</section>

<style type="text/css">
	.md-content h1 {
		display: none;
	}
	.post-content h2 {
		margin-bottom: 1rem;
	}
	.post-content h3 {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
</style>
