graff/sections/nav.mustache

<header id="header" class="all_colors header_color light_bg_color av_header_top av_logo_left 
	av_main_nav_header av_menu_right av_slim av_header_sticky av_header_shrinking av_header_stretch_disabled 
	av_mobile_menu_phone av_header_searchicon av_header_unstick_top_disabled av_minimal_header 
	av_minimal_header_shadow av_bottom_nav_disabled  av_alternate_logo_active av_header_border_disabled"
	role="banner" itemscope="itemscope" itemtype="https://schema.org/WPHeader">

	<div id="header_main" class="container_wrap container_wrap_logo">
		<div class="container av-logo-container">
			<div class="inner-container">
				<span class="logo">
					<a href="index.html"><img height="100" width="300" src="{{site.logo}}" alt="{{site.name}}" /></a>
				</span>
				
				<nav class="main_menu" data-selectname="Select a page" role="navigation" itemscope="itemscope"
					itemtype="https://schema.org/SiteNavigationElement">
					<div class="avia-menu av-main-nav-wrap">
						<ul id="avia-menu" class="menu av-main-nav">
							{{# nav}}
							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home 
								{{# lambdas.equal_output}}
									{{url}}=={{file}}.html?current-menu-item current_page_item: 
								{{/lambdas.equal_output}}page_item page-item-16 menu-item-top-level menu-item-top-level-1">
								<a href="{{url}}" itemprop="url">
                                    <span class="avia-bullet"></span>
                                    <span class="avia-menu-text">{{text}}</span>
                                    <span class="avia-menu-fx">
                                        <span class="avia-arrow-wrap">
                                            <span class="avia-arrow"></span>
                                        </span>
                                    </span>
                                </a>
                            </li>
							{{/ nav}}

							<li class="av-burger-menu-main menu-item-avia-special ">
								<a href="#">
									<span class="av-hamburger av-hamburger--spin av-js-hamburger">
										<span class="av-hamburger-box">
											<span class="av-hamburger-inner"></span>
											<strong>Menu</strong>
										</span>
									</span>
								</a>
							</li>
						</ul>
					</div>
				</nav>
			</div>
		</div>
		<!-- end container_wrap-->
	</div>
	<div class="header_bg"></div>
	<!-- end header -->
</header>

<!-- start of body -->
<div id="main" class="all_colors" data-scroll-offset="88">