nav-bar

Source code:

<!--{
    @dependency:
        unify/nav-bar-menu
}-->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse mega-menu navbar-responsive-collapse">
    <div class="container">
        <ul class="nav navbar-nav">
            [$navBarMenus] menu =>
            <li class="dropdown {?( "{$pagePath}" == "{$_key}" )?} active {/?}">
                <a href="{$basePath}{$href}" class="dropdown-toggle" ?$items data-toggle="dropdown" $items?>
                    {$caption}
                </a>
                ?$items
                {% nav-bar-menu: {
                    items: $menu.items
                } %}
                $items?
            </li>
            [/$navBarMenus]

            <!-- Search Block -->
            <li>
                <i class="search fa fa-search search-btn"></i>
                <div class="search-open">
                    <div class="input-group animated fadeInDown">
                        <input type="text" class="form-control" placeholder="Search">
                        <span class="input-group-btn">
                            <button class="btn-u" type="button">Go</button>
                        </span>
                    </div>
                </div>
            </li>
            <!-- End Search Block -->
        </ul>
    </div><!--/end container-->
</div><!--/navbar-collapse-->