<ul class="nav navbar-top-links navbar-right">
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown">
            <i class="fa fa-envelope fa-fw"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-messages">
            <li>
                <a href="#">
                    <div>
                        <strong>John Smith</strong>
                        <span class="pull-right text-muted">
                            <em>Yesterday</em>
                        </span>
                    </div>
                    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
                </a>
            </li>
            <li class="divider"></li>
            <li>
                <a class="text-center" href="#">
                    <strong>Read All Messages</strong>
                    <i class="fa fa-angle-right"></i>
                </a>
            </li>
        </ul>
        <!-- /.dropdown-messages -->
    </li>
    <!-- /.dropdown -->
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown">
            <i class="fa fa-tasks fa-fw"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <!--<ul class="dropdown-menu dropdown-tasks">-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<div>-->
                        <!--<p>-->
                            <!--<strong>Task 1</strong>-->
                            <!--<span class="pull-right text-muted">40% Complete</span>-->
                        <!--</p>-->
                        <!--<div class="progress progress-striped active">-->
                            <!--<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">-->
                                <!--<span class="sr-only">40% Complete (success)</span>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</li>-->
            <!--<li class="divider"></li>-->
            <!--<li>-->
                <!--<a class="text-center" href="#">-->
                    <!--<strong>See All Tasks</strong>-->
                    <!--<i class="fa fa-angle-right"></i>-->
                <!--</a>-->
            <!--</li>-->
        <!--</ul>-->
        <!-- /.dropdown-tasks -->
    </li>
    <!-- /.dropdown -->
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown">
            <i class="fa fa-bell fa-fw"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <!--<ul class="dropdown-menu dropdown-alerts">-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<div>-->
                        <!--<i class="fa fa-comment fa-fw"></i> New Comment-->
                        <!--<span class="pull-right text-muted small">4 minutes ago</span>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</li>-->
            <!--<li class="divider"></li>-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<div>-->
                        <!--<i class="fa fa-twitter fa-fw"></i> 3 New Followers-->
                        <!--<span class="pull-right text-muted small">12 minutes ago</span>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</li>-->
            <!--<li class="divider"></li>-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<div>-->
                        <!--<i class="fa fa-envelope fa-fw"></i> Message Sent-->
                        <!--<span class="pull-right text-muted small">4 minutes ago</span>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</li>-->
            <!--<li class="divider"></li>-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<div>-->
                        <!--<i class="fa fa-tasks fa-fw"></i> New Task-->
                        <!--<span class="pull-right text-muted small">4 minutes ago</span>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</li>-->
            <!--<li class="divider"></li>-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<div>-->
                        <!--<i class="fa fa-upload fa-fw"></i> Server Rebooted-->
                        <!--<span class="pull-right text-muted small">4 minutes ago</span>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</li>-->
            <!--<li class="divider"></li>-->
            <!--<li>-->
                <!--<a class="text-center" href="#">-->
                    <!--<strong>See All Alerts</strong>-->
                    <!--<i class="fa fa-angle-right"></i>-->
                <!--</a>-->
            <!--</li>-->
        <!--</ul>-->
        <!-- /.dropdown-alerts -->
    </li>
    <!-- /.dropdown -->
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown">
            <i class="fa fa-user fa-fw"></i>  <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-user">
            <li><a href="#"><i class="fa fa-user fa-fw"></i> Profil</a>
            </li>
            <li><a href="#"><i class="fa fa-gear fa-fw"></i> Ayarlar</a>
            </li>
            <li class="divider"></li>
            <li><a ui-sref="login" href="javascript:void(0);" logout><i class="fa fa-sign-out fa-fw"></i> Çıkış</a>
            </li>
        </ul>
        <!-- /.dropdown-user -->
    </li>
    <!-- /.dropdown -->
</ul>

