@effects.openTag
<nav class="@classNames" @(_attrs)>
    @if(responsive.enable !== false) {
        @include("hmenu/offcanvasMenu/overlay")
        @include("responsive")
        <div class="navbar-collapse collapse @if (responsive.type === 'offcanvas' || responsive.type === 'offcanvas-shifted'){width}">
    }
        @hmenu.effects.openTag
        <div class="@hmenu.classNames clearfix">
            <div class="@containerInner">
                @if (showHeader) {
                    @include("header")
                }
                @hmenu.menu.effects.openTag
                <ul class="@hmenu.menu.classNames nav @hmenu.menu.type @hmenu.menu.align">
					[*>NODE-TOP]
				</ul>
                @if (showFooter) {
                    @include("footer")
                }
			@hmenu.menu.effects.closeTag
            </div>
        </div>
        @hmenu.effects.closeTag
        @include("hmenu/offcanvasMenu/closeIcon")
    @if(responsive.enable !== false) {
        </div>
    }
</nav>

[>NODE-TOP]
<li class="@hmenu.menu.item.classNames">
    [?ENABLED]
    <a href="[=URL]" [?TARGET]target="[=TARGET]" [/?]>[=TEXT]</a>
    [?ELSE]
    <a href="#">[=TEXT]</a>
    [/?]
    [?NODE-SUB]
    <div class="@hmenu.subMenu.Menu.name-@hmenu.subMenu.Menu.id-popup">
        <ul class="@hmenu.subMenu.Menu.classNames">
            [*>NODE-SUB]
        </ul>
    </div>
    [/?]
</li>
[/>]

[>NODE-SUB]
<li class="@hmenu.subMenu.Menu.item.classNames">
    [?ENABLED]
    <a href="[=URL]" [?TARGET]target="[=TARGET]" [/?]>[=TEXT]</a>
    [?ELSE]
    <a href="#">[=TEXT]</a>
    [/?]
</li>
[/>]

@effects.closeTag