navbar HTML

gistfile1

<div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-topnav">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/">
            <span class="fa fa-home"></span>
            Unearth Synergy
        </a>
    </div>
    <div class="collapse navbar-collapse" id="navbar-collapse-topnav">
        <ul class="nav navbar-nav navbar-left">
            <li>
                <a title="Dashboard" href="/!dashboard">
                    <span class="fa fa-dashboard"></span>
                </a>
            </li>
            <li>
                <a title="Channels" href="/.channels">
                    <span class="fa fa-sitemap"></span>
                </a>
            </li>
            <li>
                <a href="/.alerts" title="Alerts">
                    <span class="fa fa-bell"></span>
                    <span class="badge" id="fREED_notices">9</span>
                </a>
            </li>
            <li>
                <a title="" href="/.river">
                    <span class="fa fa-tasks"></span>
                </a>
            </li>
            <li>
                <a title="Messages" href="/.messages">
                    <span class="fa fa-inbox"></span>
                    <span class="badge" id="fREED_messages">9</span>
                </a>
            </li>
        </ul>

        <ul class="nav navbar-nav navbar-right">


            <li class="dropdown">
                <a href="#" data-toggle="dropdown">
                    <span class="fa fa-plus"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="javascript:openDropper()">
                            <span class="fa fa-bullhorn"></span>Status Update
                        </a>
                    </li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="javascript:addFocus()">
                            <span class="fa fa-tint"></span>Drop In A Focus
                        </a>
                    </li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href='javascript:addSchedulable()'>
                            <span class="fa fa-calendar"></span>Schedule an Event
                        </a>
                    </li>
                    <li role="presentation" class="divider"></li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="javascript:focusIndex()">
                            <span class="fa fa-list">Focus Index
                        </a>
                    </li>
                </ul>
            </li>

            <li class="dropdown">
                <a href="#" data-toggle="dropdown">
                    <span class="fa fa-compass" title="Energy Compass"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/.compass">
                            <span class="fa fa-compass"></span>Compass
                        </a>
                    </li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/.compass/signatures">
                            <span class="fa fa-check"></span>Signatures
                        </a>
                    </li>
                    <li role="presentation" class="divider"></li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" popover="energy_locator">
                            <span class="fa fa-bullseye"></span>Locator
                        </a>
                    </li>
                </ul>
            </li>

            <li>
                <a href="#" popover="searching">
                    <span title="Search" class="fa fa-search"></span>
                </a>
            </li>

            <li>
                <a href="/.progressive/now" title="Focusing On Now">
                    <span class="fa fa-bolt"></span>
                    <span class="collapse">Focusing On Now</span>
                    <span class="badge" id="fREED_now">9</span>
                </a>
            </li>
            <li>
                <a href="/.involvement/assigned" id="fREED_assigned" title="Assignments">
                    <span class="fa fa-crosshairs"></span>
                    <span class="badge" id="fREED_assigned">9</span>
                </a>
            </li>

            <li>
                <a title="Focus Level" id="focusing" href="#">
                    <span class="fa fa-bars"></span>
                    <span class="badge">E</span>
                </a>
            </li>

            <li class="dropdown">
                <a href="#" data-toggle="dropdown">
                    <span title="Options" class="fa fa-ellipsis-v"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <div role="presentation" class="dropdown-header">
                        <b>Version</b> 0.222
                    </div>
                    <li role="presentation" class="divider"></li>

                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/.calendar">
                            <span class="fa fa-calendar"></span>Calendar
                        </a>
                    </li>

                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/.assets">
                            <span class="fa fa-paperclip"></span>Digital Assets
                        </a>
                    </li>

                    <li role="presentation" class="divider"></li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/.meetings">
                            <span class="fa fa-video-camera">Meeting Rooms</span>
                        </a>
                    </li>

                    <li role="presentation" class="divider"></li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/.channels/!change">
                            <span class="fa fa-random">Channels
                        </a>
                    </li>

                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="javascript:presenceSearch()" id="fREED_presences">
                            <span class="fa fa-asterisk"></span>Presences
                        </a>
                    </li>

                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/.focuses/participant.account::individuality/index">
                            <span class="fa fa-users"></span>Participants
                        </a>
                    </li>

                    <li role="presentation" class="divider"></li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/.settings">
                            <span class="fa fa-wrench">Settings
                        </a>
                    </li>

                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/!statistics">
                            <span class="fa fa-bar-chart-o">
                                Statistics
                        </a>
                    </li>

                    <li role="presentation" class="divider"></li>

                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="/~4f3:11c:622:i,p">
                            <span class="fa fa-user"></span>
                            //de
                        </a>
                    </li>

                    <li role="presentation" class="divider"></li>
                    <div role="presentation" class="dropdown-header">
                        <span a4ip="wing:1JJ9">
                            [ 1Jj9 ] ^027
                        </span>
                    </div>

                </ul>
            </li>
            <li>
                <a href="/.sign/out">
                    <span title="Sign Out" class="fa fa-sign-out"></span>
                </a>
            </li>
            <li>&nbsp;</li>
        </ul>
    </div>
</div>