{% if page.path contains "/api/" %}
<div class="card">
	<div class="card-header">
		<h3>Html Agility Pack - API</h3>
	</div>
	<div class="card-block">

		<ul>
			<li><a href="parser">Parser</a></li>
			<li><a href="selectors">Selectors</a></li>
			<li><a href="manipulation">Manipulation</a></li>
			<li><a href="traversing">Traversing</a></li>
			<li><a href="writer">Writer</a></li>
			<li><a href="utilities">Utilities</a></li>
			<li><a href="attributes">Attributes</a></li>
		</ul>
		
	</div>
</div>

{% elsif page.path contains "/api/selectors/" %}

<div class="card">
	<div class="card-header">
		<h3>Selectors</h3>
	</div>
	<div class="card-block">

		<ul>
			<li><a href="select-nodes">SelectNodes</a></li>
			<li><a href="select-single-node">SelectSingleNode</a></li>
		</ul>
		
	</div>
</div>

{% elsif page.path contains "/examples/" %}
<div class="card">
	<div class="card-header">
		<h3>Html Agility Pack - Examples</h3>
	</div>
	<div class="card-block">

		<ul>
			<li><a href="http://dapper-tutorial.net/examples">Dapper C# Examples</a></li>
		</ul>

	</div>
</div>

{% elsif page.path contains "/faq/" %}
<div class="card">
	<div class="card-header">
		<h3>Html Agility Pack - FAQ</h3>
	</div>
	<div class="card-block">
	</div>
</div>

{% elsif page.path contains "/troubleshooting/" %}
<ul class="list-group">

</ul>

{% endif %}

<style>
.list-group-item:first-child,
.list-group-item:last-child {
	border-radius: 0px;
}
</style>