<!-- set fixed position by adding class "navbar-fixed-top" -->

 

        <div class="navbar-inner">

 

                <!-- logo -->

                <div class="navbar-brand">

                        <a href="index.html">

                                <img src="assets/images/logo-horizontal.png" alt="" />

                        </a>

                </div>

 

 

                <!-- main menu -->

 

                <ul class="navbar-nav">

                        <li>

                                <a href="index.html">

                                        <i class="entypo-gauge"></i>

                                        <span>Dashboard</span>

                                </a>

                                <ul>

                                        <li>

                                                <a href="index.html">

                                                        <span>Dashboard 1</span>

                                                </a>

                                        </li>

                                        <li>

                                                <a href="dashboard-2.html">

                                                        <span>Dashboard 2</span>

                                                </a>

                                        </li>

                                </ul>

                        </li>

                        <li class="opened active">

                                <a href="layout-api.html">

                                        <i class="entypo-layout"></i>

                                        <span>Layouts</span>

                                </a>

                                <ul>

                                        <li>

                                                <a href="layout-api.html">

                                                        <span>Layout API</span>

                                                </a>

                                        </li>

                                        <li>

                                                <a href="layout-collapsed-sidebar.html">

                                                        <span>Collapsed Sidebar</span>

                                                </a>

                                        </li>

                                        <li>

                                                <a href="layout-fixed-sidebar.html">

                                                        <span>Fixed Sidebar</span>

                                                </a>

                                        </li>

                                        <li>

                                                <a href="layout-chat-open.html">

                                                        <span>Chat Open</span>

                                                </a>

                                        </li>

                                        <li class="active">

                                                <a href="layout-horizontal-menu-boxed.html">

                                                        <span>Horizontal Menu Boxed</span>

                                                </a>

                                        </li>

                                        <li>

                                                <a href="layout-horizontal-menu-fluid.html">

                                                        <span>Horizontal Menu Fluid</span>

                                                </a>

                                        </li>

                                        <li>

                                                <a href="layout-mixed-menus.html">

                                                        <span>Mixed Menus</span>

                                                </a>

                                        </li>

                                        <li>

                                                <a href="layout-page-transition-fade.html">

                                                        <span>Page Enter Transitions</span>

                                                </a>

                                                <ul>

                                                        <li>

                                                                <a href="layout-page-transition-fade.html">

                                                                        <span>Fade Come</span>

                                                                </a>

                                                        </li>

                                                        <li>

                                                                <a href="layout-page-transition-left-in.html">

                                                                        <span>Left In</span>

                                                                </a>

                                                        </li>

                                                        <li>

                                                                <a href="layout-page-transition-right-in.html">

                                                                        <span>Right In</span>

                                                                </a>

                                                        </li>

                                                        <li>

                                                                <a href="layout-page-transition-fade-only.html">

                                                                        <span>Fade Only</span>

                                                                </a>

                                                        </li>

                                                </ul>

                                        </li>

                                </ul>

                        </li>

                       

                        <!-- Search Bar -->

                        <li id="search" class="search-input-collapsed">

                                <!-- add class "search-input-collapsed" to auto collapse search input -->

                                <form method="get" action="">

                                        <input type="text" name="q" class="search-input" placeholder="Search something..." />

                                        <button type="submit">

                                                <i class="entypo-search"></i>

                                        </button>

                                </form>

                        </li>

                </ul>

 

 

                <!-- notifications and other links -->

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

 

                        <!-- dropdowns -->

                        <li class="dropdown">

 

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">

                                        <i class="entypo-list"></i>

                                        <span class="badge badge-info">6</span>

                                </a>

 

                                <!-- dropdown menu (tasks) -->

                                <ul class="dropdown-menu">...</ul>

 

                        </li>

 

                        <li class="dropdown">

 

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">

                                        <i class="entypo-mail"></i>

                                        <span class="badge badge-secondary">10</span>

                                </a>

 

                                <!-- dropdown menu (messages) -->

                                <ul class="dropdown-menu">...</ul>

 

                        </li>

 

                        <li class="dropdown">

 

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">

                                        <i class="entypo-globe"></i>

                                        <span class="badge badge-warning">1</span>

                                </a>

 

                                <!-- dropdown menu (messages) -->

                                <ul class="dropdown-menu">...</ul>

 

                        </li>

 

                        <!-- raw links -->

                        <li>

                                <a href="#">Live Site</a>

                        </li>

 

                        <li class="sep"></li>

 

                        <li>

                                <a href="extra-login.html">

                                        Log Out <i class="entypo-logout right"></i>

                                </a>

                        </li>

 

 

                        <!-- mobile only -->

                        <li class="visible-xs">

 

                                <!-- open/close menu icon (do not remove if you want to enable menu on mobile devices) -->

                                <div class="horizontal-mobile-menu visible-xs">

                                        <a href="#" class="with-animation">

                                                <!-- add class "with-animation" to support animation -->

                                                <i class="entypo-menu"></i>

                                        </a>

                                </div>

 

                        </li>

 

                </ul>

 

        </div>