<!-- Left panel : Navigation area -->
<!-- Note: This width of the aside area can be adjusted through LESS variables -->
<aside id="left-panel">

    <!-- User info -->
    <div class="login-info">
				<span> <!-- User image size is adjusted inside CSS, it should stay as it -->

					<a href="javascript:void(0);">
						<img src="lib/SmartAdmin/img/avatars/male.png" alt="me" class="online" />
						<span>
							{$user->getValue('username')}
						</span>
					</a>

				</span>
    </div>
    <!-- end user info -->

    <!-- NAVIGATION : This navigation is also responsive-->
    <nav>
        <ul>
            <li class="active">
                <a href="/" title="Dashboard"><i class="fa fa-lg fa-fw fa-home"></i> <span class="menu-item-parent">Dashboard</span></a>
            </li>
            <li>
                <a href="#" title="Statistiken"><i class="fa fa-lg fa-fw fa-bar-chart-o"></i> Statistiken</a>
                <ul>
                    <li>
                        <a href="statistics/sternenkindsaga">Sternenkind Saga</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#" title="Page Administration"><i class="fa fa-lg fa-fw fa-edit"></i> Page Administration</a>
                <ul>
                    <li>
                        <a href="pageadmin/sternenkindsaga">Sternenkind Saga</a>
                    </li>
                </ul>
            </li>
        </ul>
    </nav>


    <span class="minifyme" data-action="minifyMenu">
				<i class="fa fa-arrow-circle-left hit"></i>
			</span>

</aside>
<!-- END NAVIGATION -->