#@positionName
<nav class="@classNames">
    @if(responsive.enable !== false) {
        @include("responsive")
        <div class="navbar-collapse collapse">
    }
        <div class="@hmenu.classNames clearfix">
            <div class="@containerInner">
                <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>
            </div>
        </div>
    @if(responsive.enable !== false) {
        </div>
        @if (responsive.responsiveLevels === 'expand on click' || responsive.responsiveLevels === '') {
        <script>
            initResponsiveMenu(
                '@selector', {
                    responsiveLevels: '@responsive.responsiveLevels',
                    subMenuSelector: '@hmenu.subMenu.Menu.selector',
                    menuItemSelector: '@hmenu.menu.item.selector',
                    subMenuItemSelector: '@hmenu.subMenu.Menu.item.selector'
                }
            );
        </script>
        }
    }
</nav>