<!----------------------------------------------------- Sidebar ---------------------------------------------------->
<div id="sidebar-wrapper">
	<ul class="sidebar-nav">
		<li class="sidebar-brand">
			<a href="#">
				<img src="static/gfx/logo.svg" class="img-responsive"/>
			</a>
		</li>
		{section name=pages loop=$pages}
		<li class="has-sub">
			<a href="#">
				{$pages[pages]}<i class="fa fa-chevron-right fa pull-right chevron-margin" id="valign-icon"></i>
				<ul>
				<!-- sections here -->
				</ul>
			</a>
		</li>
		{/section}
	</ul>
</div>
<!-- /#sidebar-wrapper -->