<div class="leftpanel">
    <div class="media profile-left">
        <a class="pull-left profile-thumb" href="profile.html">
            <img class="img-circle" src="/images/photos/profile.png" alt="">
        </a>
        <div class="media-body">
            <h4 class="media-heading">Admin</h4>
            <small class="text-muted">yoho-ci</small>
        </div>
    </div>
    <!-- media -->

    <h5 class="leftpanel-title">Navigation</h5>
    <ul class="nav nav-pills nav-stacked nav-menu">
        <li class="active"><a href="/index"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>
        <li><a href="/projects"><i class="glyphicon glyphicon-th"></i> <span>Projects</span></a></li>
        <li class="parent"><a href=""><i class="fa fa-gears"></i> <span>Settings</span></a>
            <ul class="children">
                <li><a href="/servers/setting">Servers</a></li>
            </ul>
        </li>
    </ul>

</div>