<!-- aside -->
<aside id="aside" class="app-aside hidden-xs bg-dark">
    <div class="aside-wrap">
        <div class="navi-wrap">

            <!-- nav -->
            <nav ui-nav class="navi clearfix">
                <ul class="nav">
                    <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                        <span>Navigation</span>
                    </li>
                    <li>
                        <a href="/dashboard" >
                  <span class="pull-right text-muted" >
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="glyphicon glyphicon-home icon text-primary-dke"></i>
                            <span class="font-bold">Dashboard</span>
                        </a>
                    </li>

                    <li>
                        <a href="/traffic-exchange">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-shuffle fa-fw"></i>
                            <span class="font-bold">Traffic Exchange</span>
                        </a>
                    </li>

                    <li>
                        <a href="/social">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-share fa-fw"></i>
                            <span class="font-bold">Social Exchange</span>
                        </a>
                    </li>

                    <li>
                        <a href="/videos">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-camera fa-fw"></i>
                            <span class="font-bold">Media Exchange</span>
                        </a>
                    </li>



                    <li>
                        <a href="/websites">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-globe fa-fw"></i>
                            <span class="font-bold">Websites</span>
                        </a>
                    </li>
                    <li>
                        <a href="/referrals">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-users fa-fw"></i>
                            <span class="font-bold">Referrals</span>
                        </a>
                    </li>


                    <li>
                        <a href="/subscriptions">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-basket fa-fw"></i>
                            <span class="font-bold">Subscriptions</span>
                        </a>
                    </li>

                    <li>
                        <a href="/points">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-wallet fa-fw"></i>
                            <span class="font-bold">Points</span>
                        </a>
                    </li>

                    <li>
                        <a href="/transfers">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-paper-plane fa-fw"></i>
                            <span class="font-bold">Transfers</span>
                        </a>
                    </li>

                    <li>
                        <a href="/downloads">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-cloud-download fa-fw"></i>
                            <span class="font-bold">Downloads</span>
                        </a>
                    </li>

                    <li>
                        <a href="/support">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-question fa-fw"></i>
                            <span class="font-bold">Support</span>
                        </a>
                    </li>


                    <li>
                        <a href="/settings">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-settings fa-fw"></i>
                            <span class="font-bold">Settings</span>
                        </a>
                    </li>

                    <li>
                        <a href="/logout">
                  <span class="pull-right text-muted">
                    <i class="fa fa-fw  text"></i>
                    <i class="fa fa-fw  text-active"></i>
                  </span>
                            <i class="icon-logout fa-fw"></i>
                            <span class="font-bold">Logout</span>
                        </a>
                    </li>

                </ul>
            </nav>
            <!-- nav -->


        </div>
    </div>
</aside>
<!-- / aside -->