#@positionName
@effects.openTag
<nav class="@classNames" data-responsive-menu="@responsive.enable" data-responsive-levels="@responsive.responsiveLevels">
    @if(responsive.enable !== false) {
        @include("responsive")
        <div class="navbar-collapse collapse">
    }
        @hmenu.effects.openTag
        <div class="@hmenu.classNames clearfix">
            <div class="@containerInner">
                @hmenu.menu.effects.openTag
                <ul class="@hmenu.menu.classNames nav @hmenu.menu.type @hmenu.menu.align">
                    <li class="@hmenu.menu.item.classNames">
                        <a href="#">Item 1</a>
                        <div class="@hmenu.subMenu.Menu.classNames-popup">
                            <ul class="@hmenu.subMenu.Menu.classNames">
                                <li class="@hmenu.subMenu.Menu.item.classNames">
                                    <a class="" href="#">SubItem 1</a>
                                </li>
                                <li class="@hmenu.subMenu.Menu.item.classNames">
                                    <a class="" href="#">SubItem 2</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="@hmenu.menu.item.classNames">
                        <a href="#">Item 2</a>
                    </li>
                    <li class="@hmenu.menu.item.classNames">
                        <a href="#">Item 3</a>
                    </li>
                </ul>
                @hmenu.menu.effects.closeTag
            </div>
        </div>
        @hmenu.effects.closeTag
    @if(responsive.enable !== false) {
        </div>
    }
</nav>
@effects.closeTag