<!- sidebar wrapper ->
<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>
                
		{foreach from=$menu_pages item=page}	
		<li class='has-sub'><a href='#'>{$page}<i class='fa fa-chevron-right fa pull-right chevron-margin' id='valign-icon'></i></a>
			<ul>   
				{foreach from=$menu_sections item=section}   
				<li><a href={$page} class='sub-text-padding'>{$section}</a></li>
				{/foreach}
			</ul> 
		</li>
		{/foreach}
	</ul>
</div>